@import url(header.css);
@import url(banner.css);
@import url(carrossel.css);
@import url(topicos.css);

.topicos{
    background: var(--azul-degrade);
    text-align: center;
}
.topicos_titulo{
    color: var(--branco);
    font-weight: 300;
}
.topicos_lista{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.topicos_item{
    margin: 2em 0.5em;
}
.topicos_link{
    color: var(--branco);
    padding: 1em;
    background-color: var(--laranja);
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}
.topicos{
    background: var(--azul-degrade);
    text-align: center;
    padding: 1em 0;
}
.topicos_titulo{
    color: var(--branco);
    font-weight: 300;
    margin-bottom: 1em;
}
@media screen and (min-width: 1728px){
    .topicos{
        padding: 3em 30vw;
    }
}