@charset "UTF-8";

* {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
}

body,
html {
    background-color: lightgrey;
}

header {
    background-color: rgb(151, 150, 150);
}

header>h1 {
    padding: 10px;
    text-align: center;
    /*CENTRALIZAR: Meu Site*/
}

.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24
}
i#burger {
    background-color: rgb(48, 48, 48);
    color: white;
    display: block;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}
i#burger:hover {
    background-color: white;
    color: black ;
}
menu {
    display: block;
}

menu>ul {
    list-style-type: none;
    /*TIRA AS BOLINHAS DO MENU*/
}

menu>ul>li>a {
    display: block;
    padding: 10px;
    text-decoration: none;
    text-align: center;
    background-color: rgb(105, 103, 103);
    color: white;
    border-top: 2px solid gray;
}

menu>ul>li>a:hover {
    background-color: gray;
}

main {
    width: 90vw;
    background-color: white;
    margin: auto;
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
}

article>h2 {
    padding-bottom: 20px;
}

article>p {
    text-align: justify;
    margin-bottom: 20px;
    text-indent: 20px;
}