main {
    min-height: 100vh;
    justify-content: top !important;
    flex-direction: column;
}

#catalog-container {
    display: flex;
    align-items: start;
    justify-content: center;
    min-height: 100vh;
}

#catalog {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(450px, 450px);
    grid-gap: 4px;
    width: 100%;
    height: auto;
}

.book-container {
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    justify-content: center;
}

.book {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media screen and (max-width: 576px) {

    #catalog-container {
        padding: 0 !important;
    }
    #catalog {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-auto-rows: minmax(300px, 300px) !important;
        padding: 0 !important;
        overflow-x: hidden;
    }
    .book-container {
        padding: 0 !important;
    }
    .book {
        max-width: 100% !important;
        max-height: 100% !important;
        overflow: hidden;
        gap: 8px;
    }
    .book-cover-container {
        overflow: hidden;
        padding: 0 !important;
    }
    .book-cover-container> img {
        max-width: 100% !important;
        max-height: 250px !important;
        object-fit: cover !important;
    }

    .book-title, .book-author {
        display: none;
    }
}