/* LAYOUT DO INDEX E OUTRAS PÁGINAS */

body {
margin: 0px;
background-color: #f0c8c8;
height: 100vh;
background-image: url('../bg-flo2-200.png');
background-repeat: repeat;
}



.corpofundo {
background-color: #faf3dd;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
width: 80%;
padding: 5px;
border-top-left-radius: 10px; 
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
z-index: 2;
border: 2px solid #96a69c;
}


footer {
background-color: #faf3dd;
margin: 0 auto;
width: 80%;
padding: 10px 10px;
align: center;
text-align: center;
font-size: 0.7em;
border-radius: 10px;
max-width: 500px;
font-family: 'Sono', mono;
color: #b29da3;
}


a {color: #8fc0a9;
text-decoration: none;}
a:hover {color: #c8d5b9; }
a:visited {color: #8fc0a9;}

.anchor:hover { color: #c8d5b9; }

.container {
display: flex;
flex-wrap: wrap; 
gap: 5px; 
}

.item {
margin: auto;
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
box-sizing: border-box;
text-align: center;
border-radius: 5px;
font-family: 'Share Tech Mono', serif;
color: #b29da3;
}

.welcome > h1 {
font-family: 'Sono', mono;
font-size: 1.5em;
text-align: center;
font-weight: normal;
margin: auto;
color: #94767e;
}

.descricao > p {
padding: 10px;
font-family: 'Sono', mono;
text-align: center;
margin: auto;
color: #94767e;
}

.humor {
margin: 0 auto;
margin-left: 10px;
margin-right: 10px; 
padding: 15px;
border: 1px solid #ded2cd;
border-radius: 10px;
color: #94767e; 
font-family: 'Sono';
}

.humor > h4 {
margin-top: 0px;
margin-bottom: 10px;
}