:root{
    --cor-principal: #006647;
    --cor-notas: rgb(47, 47, 139);
}

html{
    scroll-behavior: smooth;
}

body{
    font-family: "Inter", sans-serif;
    background-color: #f7f7f7;
}

main{
    padding: 3%;
}

a:hover{
    text-decoration: none;
}

details summary{
    list-style-type: none;
}

details summary::-webkit-details-marker{
    display: none;
}

.container-banner{
    padding: 2% 3%;
}

.banner__imagem{
    width: 100%;
}

.banner__imagem--desktop{
    display: block;
}

.banner__imagem--mobile{
    display: none;
}

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

    main{
        min-height: calc(100vh - 200px);
        padding: 4.5%;
    }

    .container-banner{
        padding: 3% 4.5%;
    }
}

@media screen and (max-width: 800px){
    .container-banner{
        padding: 3% 0;
    }

    .banner__imagem--desktop{
        display: none;
    }

    .banner__imagem--mobile{
        display: block;
    }
}