@import url('lista_livros.css');

/* arrumando umas coisas do lista_livros.css */
#lista_livros { 
    margin-top: 1rem;
    column-gap: 4rem;
    justify-content: center;
}
#lista_livros .item_lista .link_item img { 
    height: 100%; 
    min-width: 10rem;
    min-height: 12rem; 
}

/* conteúdo principal */
main h1 { 
    cursor: default;
    margin-top: 3.5rem;
    text-align: center;
    font-size: 2.75rem;
    color: var(--preto);
    caret-color: transparent;
}

/* ============================================ */
/* RESPONSIVIDADE */
/* ============================================ */

/* Tablets e telas médias */
@media (max-width: 1024px) {
    main h1{
        margin-top: 3rem;
        font-size: 2rem;
    }
}

/* Tablets pequenos */
@media (max-width: 768px) {    
    main h1{
        margin-top: 2.5rem;
        font-size: 1.5rem;
    }
}

/* Mobile */
@media (max-width: 480px) {
    main h1{
        margin-top: 2rem;
        font-size: 1rem;
    }
}

/* Mobile muito pequeno */
@media (max-width: 360px) {
    main h1{
        margin-top: 8vw;
        font-size: 4vw;
    }
}