@import url("../variaveis.css");


/* Aqui se encontrarão TODOS os componentes da tela de materiais */
@import url("button_materiais.css");
@import url("icon_button_materiais.css");
@import url("title_materiais.css");
@import url("display_materiais.css");


body{
    width: 100%;
    height: 100%;
    /* background-image: url('../../assets/bg-matrículas.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover; */
    background: linear-gradient(to bottom, var(--terciary-color) , rgb(36, 35, 35) 50%)
}

main{
    width: 100%;
    height: 100%;    
}

.container{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
}

@media screen and (min-width: 768px) {
    body{
        height: 84vh;
        background: linear-gradient(to right, var(--terciary-color), var(--black-color) 60%)
    }

    .container{flex-direction: row;}
}