/* CONFIG DO FUNDÃO */

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

/* CONFIG DO CORPO DO CONTEÚDO */

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

/* COR DOS LINKS */

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

.anchor:hover { color: #c8d5b9; }

/* CONFIG DO MENUZINHO */

.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;
}



/* CONFIG DO RODAPÉ */

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;
}

/* CONFIG DAS TOOLTIP DE TEXTO DO BLOG E ABOUTME */


.tooltip-blog {
position: relative;
overflow-wrap: break-word;
color: #e0479e;
}

.tooltip-blog .tooltip-blog-txt {
visibility: hidden;
width: 120px;
background-color: #ffcad4;
color: #553e4e;
text-align: center;
padding: 5px;
border-radius: 4px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}

.tooltip-blog .tooltip-blog-txt::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #ffcad4 transparent transparent transparent;
}

.tooltip-blog:hover .tooltip-blog-txt {
visibility: visible;
opacity: 1;
}

/* TOOLTIP DAS IMAGENS */

.kalanchoe2 {
position: relative;
display: inline-block;
color: #e0479e;
}

.kalanchoe2 .kalanchoe-img2 {
visibility: hidden;
width: 200px;
background-color: #e9afaf;
border-radius: 10px;
color: white;
text-align: center;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 125%; 
left: 50%;
margin-left: -50px;
opacity: 0;
transition: opacity 0.3s;
}

.kalanchoe2:hover .kalanchoe-img2 {
visibility: visible;
opacity: 1;
}

/* CONFIG DAS ENTRADAS */

.entradas {
border-radius: 10px;
margin: 10px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 20px;
color: #94767e;
font-family: 'PT Mono', mono;
}

h1 {
font-family: 'Red Hat Mono', mono;
font-weight: normal;
}

i.lok {
color: #c46bae;
}

b.sithis {
color: #553e4e;
}

blockquote {
color: #94767e;
}