#all{

    text-align: center;

    margin: 2rem;

    background-color: rgb(36, 161, 130);

}

audio {


    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 2rem;
    border: rgb(177, 174, 17) 2px solid;
    border-radius: 0.8rem;

}

#audio{

    align-items: center;
    justify-content: center;
    box-sizing: border-box;

    padding: auto;
    text-align: center;
}

img{

    display: block;
    margin-left: auto;
    margin-right: auto;
}

body{

    background-color: #F0FFFF;

}

*  {
    margin:0;
    padding:0;
}

html, body {height:100%;}

#rodape{

    text-align: center;
    margin: 2rem;


}

header{


    border-radius: 0.8rem;

    border: 2px solid rgb(177, 174, 17);

    margin: 3rem;

    background-color: white;
    
    padding: 1rem;

    text-decoration-color: blue;

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;


}

header h1 {

    color: rgb(177, 174, 17);

}


#cabecalho{


    border-radius: 0.8rem;

    border: 2px solid rgb(177, 174, 17);


    margin: 2rem;

    background-color: white;


}
#menu ul {
    padding:0px;
    margin:0px;
    background-color:#EDEDED;
    list-style:none;
    border-radius: 00.8rem;
}
#menu ul li { display: inline; }
#menu ul li a {
    padding: 2px 10px;
    display: inline-block;

    /* visual do link */
    background-color:#EDEDED;
    color: #333;
    text-decoration: none;
    border-bottom:3px solid #EDEDED;
}
#menu ul li a:hover {
    background-color:#D6D6D6;
    color: #6D6D6D;
    border-bottom:3px solid blue;
}

a{


    margin-right: 3rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 1.3rem;
    display: block;


}



#frase{

    border-radius: 0.8rem;

    border: 2px solid rgb(177, 174, 17);

    padding: 2rem;

    margin: 2rem;

    font-family: 'Redressed', cursive;

    font-size: 2rem;

    background-color: white;

}

footer{

    margin: 3rem;

    text-align: center;

    border: 5px solid rgb(177, 174, 17);

    border-radius: 0.8rem;

    padding: 2rem;

    background-color: white;


}

footer h2, p {

    color: rgb(177, 174, 17);
}

@media (max-width: 900px){
    #menu ul li a{
        display: block;
        text-align: center;
    }

    #img{
        text-align: right;
    }
}

@media (prefers-color-scheme: dark) {
    #all{
        background-color:rgb(37, 121, 100);
    }
    body{
        background-color: #333;
    }
}