@charset "utf-8";

* {
    box-sizing: border-box;
}

html{
    text-align: center;
    font-size: 62,5%;
    height: 100vh; 
    font-family: "Source Sans Pro", sans-serif;
    
}


body{
    width: 100%;
    margin: 0; 
    background-color: rgb(255, 231, 203);
}

p {
    color:rgb(118, 118, 118);
    padding: 1rem;
    margin: 1rem;
    
    
}

main {
    margin: 1rem;
}


ul{
    text-align: center;
    list-style: none;
    padding:  0;
}

h1{
   color: #bf973c;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 100%;
}

h2{
   color: #bf973c;
}

h3{
   color: #000000;
}

h4 {
    margin-top: 3rem;
    font-size: 120%;
    color: #000000;
}
header nav ul li a {
    text-decoration: none;
    color: #838383;
    display: block;
    text-align: center;
    font-family: "Source Sans Pro"; sans-serif;
    font-weight: bold;
}

header nav ul li a:hover {
color: #ffffff;
    background-color: black;
    font-weight: bold;
}

footer{
    background-color: #ccc6be;
    margin: 1rem;
}

.destaque{
    background-color: rgb(191, 151, 60);
    color: black;  

}