#docs .container {
    gap: 1em;
}
#docs .list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5em;
}
#docs img {
    position: relative;
    width: 200px;
    height: 300px;
    z-index: 1;
    box-shadow: 0 20px 10px 1px #0005;
}

#docs .links {
    display: flex;
    flex-direction: column;
    padding-top: 3em;
    gap: 1em;
}
#docs .links a {
    color: var(--colorMain);
    font-size: 30px;
    font-weight: 400;
    text-decoration-line: underline;
}

@media (min-width: 1441px) {
}
@media (max-width: 1024px) {
}
@media (max-width: 800px) {
}
@media (max-width: 600px) {
}
@media (max-width: 450px) {
}
@media (max-width: 380px) {
}