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

body {
background-color: #412c53;
color: #ffe6d1;
font-family: 'IBM Plex Mono', monospace;
margin: 0;
}



#topo{
margin: 0;
}

#banner {
margin-top: 60px;
margin-left: auto;
margin-right: auto;
max-width: 300px;
width: 80%; 
display: block;
z-index: 20;
}

#sub-banner {
margin-left: auto;
margin-right: auto;
margin-top: 3px;
margin-bottom: 0px;
max-width: 300px;
font-family: 'Parisienne', cursive;
font-size: 1.1em;
z-index: 20;
text-align: center;
}

.corpofundo {
margin: auto;
max-width: 550px;
padding: 5px;
}


footer {  
margin: 0 auto;
padding: 5px 5px;
text-align: center;
font-size: 0.6em;
max-width: 500px;
font-family: 'Special Elite', serif;
}

/* DIVISÓRIA */

.divisoria {
text-align: center; 
margin-bottom: 15px; 
margin-top: 15px;
}

.divisoria > img {
width: 120px;
}

/* ESPACINHO */

#espacinho {
height: 20px;
}

/* BOLINHAS */

#bolinhas {
font-size: 2em;
color: #ffe6d1;
}

/* LINKS */

a {
color: #e7578f;
text-decoration: none;
}

a:hover {
color: #ffa1c5;
}

.anchor:hover { color: #ffa1c5; }

/* Hs */

h1, h2, h3, h4, h5 {
font-family: 'IBM Plex Mono', monospace;
}

/* CONFIG MENU */

.container {
display: flex;
flex-wrap: wrap;  
padding-left: 15px;
padding-right: 15px;
}

.item {
flex: 0 0 12px;
margin: auto;
text-align: center;
font-family: 'Special Elite', serif;
font-size: 0.7em;
}

.dropdown {
position: relative;
}

.dropbtn {
color: #e7578f;
background-color: #412c53;
border: none;
cursor: pointer;
font-family: 'Special Elite', serif;
font-size: 1em;
border-radius: 4px;
padding: 5px;
}

.dropdown-content {
display: none;
position: absolute;
text-align: left;
min-width: 120px;
background-color: #5e4079;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
border-radius: 4px;
}

.dropdown-content a {
color: #e7578f;
padding: 5px 5px;
text-decoration: none;
display: block;
}

.dropdown-content a:hover {
background-color: #79539c;
color: #ffa1c5;
border-radius: 4px;
}

.dropdown:hover .dropdown-content {
display: block;
z-index: 50; 
}

.dropdown:hover .dropbtn {
background-color: #5e4079;
color: #ffa1c5;
padding: 5px;
}

/* TÍTULOS */

.welcome p {
font-family: 'IBM Plex Mono', monospace;
font-size: 1em;
font-weight: bold;
text-align: center;
}

.welcome h1 {
font-size: 1em;
text-align: center;
}

.welcome h3 {
font-size: 1em;
text-align: center;
}

/* DESCRIÇÃO */

.descricao p {
font-family: 'IBM Plex Mono', monospace;
font-size: 0.8em;
text-align: center;
padding-left: 5px;
padding-right: 5px;
}

/* CONFIG DO BOTÃO DE IDIOMAS */

.botao-idioma {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
background-color: #ffe6d1;
border: none;
border-radius: 4px;
padding: 6px 8px;
font-size: 0.8em;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
font-family: 'IBM Plex Serif', serif;
max-width: 100px;
}

.botao-idioma:hover {
background: #ffdcbf;
}

/* Aqui é a id do link que fica dentro do botão */

#botao-idioma2 {
color: #412c53;
}

#botao-idioma2:hover {
color: #412c53;
}

#botao-idioma2:visited {
color: #412c53;
}

/* BOTÃO DE IR AO TOPO */

.botao-topo {
position: fixed;     
bottom: 10px;        
right: 10px;         
z-index: 1000;       
background-color: #ffe6d1;
color: #412c53;
border: none;
border-radius: 4px;
padding: 6px 8px;
font-size: 16px;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
font-family: 'IBM Plex Serif', serif;
font-size: 0.7em;
}

.botao-topo:hover {
background: #ffdcbf;
color: #412c53;
}

.botao-topo:visited {
color: #412c53;
}



/* DETAILS E SUMMARY DO BLOG */

summary {
color: #e7578f;
font-family: 'IBM Plex Mono', monospace;
}

summary:hover {
color: #ffa1c5;
cursor: pointer;
}

details {
padding: 1px;
padding-left: 15px;
padding-right: 15px;
font-size: 0.8em;
font-family: 'IBM Plex Mono', monospace;
color: #ffe6d1;
margin-bottom: 5px;
}

details > h1 {
font-family: 'IBM Plex Mono', monospace;
color: #ffe6d1;
font-size: 1.2em;
}

details > h2 {
font-family: 'IBM Plex Mono', monospace;
color: #ffe6d1;
}

details > h3 {
font-family: 'IBM Plex Mono', monospace;
color: #ffe6d1;
}

details > h4 {
font-family: 'IBM Plex Mono', monospace;
color: #ffe6d1;
}

/* MICROBLOG */

.microblog {
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 25px;
max-width: 500px;
}

.microblog > p, h3, h4, h6, blockquote {
font-family: 'IBM Plex Mono', monospace;
color: #ffe6d1;
}

.microblog > p {
font-size: 0.8em;
padding-left: 10px;
padding-right: 10px;
}

.microblog > h6 {
padding-left: 10px;
margin-top: -10px;
}

.microblog > blockquote {
font-size: 0.8em;
}

.microblog > h5 {
padding-left: 10px;
}

code {
background-color: #ffe6d1;
color: #d2eab7;
padding-left: 7px;
padding-right: 7px;
padding-top: 3px;
padding-bottom: 3px;
border-radius: 5px;
}

/* SOBRE MIM */

.meubotao {
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
text-align: center;
}

.linkbotao {
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
text-align: center;
}

textarea {
background-color: #ffe6d1;
color: #412c53;
font-family: 'IBM Plex Mono', mono;
font-size: 12px;
border: 0px;
border-radius: 2px;
}

/* BOTÕES */

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

.itembuttons {
flex: 1 1 100px; 
padding: 2px;
box-sizing: border-box;
text-align: center;
border-radius: 5px;
}

#botao{
width: 88px;
}

#tag {
width: 86px;
}

/* ENTRADAS */

.entradas {
margin: 10px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 20px;
color: #ffe6d1;
font-family: 'IBM Plex Mono', monospace;
font-size: 0.8em;
}

.entradas > a {
font-weight: bold;
color: #697e63;
text-decoration: none;
}

.entradas h3 {
text-align: center;
}

/* CARTAS */

.containercards {
display: flex;
flex-wrap: wrap; 
gap: 3px; 
}

.itemcards {
flex: 0 0 50px; 
box-sizing: border-box;
text-align: center;
}

.cards {
width: 50px;
}

.cards:hover {
width: 45px;
border: 3px solid #ffe6d1;
border-radius: 7px;
}

.lenocard {
width: 100px;
border-radius: 8px;
}

.tarotcard {
width: 100px;
}

/* CONFIG DA GALERIA */

.containergaleria {
display: flex;
flex-wrap: wrap; 
gap: 10px; 
padding: 20px;
}

.itemgaleria {
flex: 1 1 200px; 
box-sizing: border-box;
align-content: center;
text-align: center;
}

.fotos {
width: 200px;
}

.avatar {
width: 100px;
}

.emoticons {
align-content: center;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-left: 5px;
padding-right: 5px;
}

.links-left {
text-align: left;
font-size: 0.8em;
padding-left: 5px;
padding-right: 5px;
}

.links-left a {
font-weight: bold;
}

i.lok {
color: #ff40ba;
/*color: #dc3686;*/
/*color: #c32270;*/
}

b.sithis {
color: #000000;
}

p.leitura {
font-size: 0.8em;
}

#temp {
text-align: center;
margin: auto;
display: block;
width: 100px;
}

#gatilho {
margin: 30px;
padding: 10px;
background-color: #412c53;
color: #ffe6d1;
border-radius: 10px;
text-align: center;
min-width: 120px;
}

/* TABELAS DO BLOG */
/*
.blog-table, th, .blog-td {
border: 1px solid #ffe6d1;
border-collapse: collapse;
font-family: 'IBM Plex Mono', monospace;
color: #ffe6d1;
}

th, .blog-td {
background-color: #412c53;
padding: 8px;
}*/

/* SHRINES */

.shrines {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.shrines-sub {
flex: 1 1 100px;
border: 0px dashed #ffe6d1;
padding: 1px;
box-sizing: border-box;
text-align: center;
border-radius: 5px;
font-family: 'IBM Plex Mono', monospace;
color: #ffe6d1;
font-size: 0.9em;
}

.para2 {
margin: 1px;
padding-top: 10px;
padding-left: 50px;
padding-right: 50px;
font-family: 'IBM Plex Mono', monospace;
font-weight: normal;
color: #ffe6d1;
font-size: 0.8em;
}

.image-wrap-left {
float: left;
margin-left: 10px;
margin-right: 15px;
margin-bottom: 10px;
border-radius: 5px;
width: 140px;
}

.para-left {
margin: 1px;
margin-right: 5px;
margin-left: 5px;
padding: 1px;
padding-top: 5px;
font-family: 'IBM Plex Mono', monospace;
font-weight: normal;
text-align: left;
color: #ffe6d1;
font-size: 0.8em;
}

.image-wrap-right {
float: right;
margin-right: 10px;
margin-left: 15px;
margin-bottom: 10px;
border-radius: 5px;
width: 140px;
}

.para-right {
margin: 1px;
margin-right: 5px;
margin-left: 5px;
padding: 1px;
padding-top: 5px;
font-family: 'IBM Plex Mono', monospace;
text-align: right;
font-weight: normal;
color: #ffe6d1;
font-size: 0.8em;
}

#h2-shrines {
text-align: center;
color: #ffe6d1;
font-family: 'IBM Plex Mono', monospace;
font-weight: bold;
font-size: 1em;
}

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

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

.tooltip-blog .tooltip-blog-txt {
visibility: hidden;
width: 120px;
background-color: #412c53;
color: #fff0e4;
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: #ffe6d1 transparent transparent transparent;
}

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

/* TOOLTIP DAS IMAGENS */

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

.kalanchoe2 .kalanchoe-img2 {
visibility: hidden;
width: 200px;
background-color: #412c53;
border-radius: 10px;
color: #b900af;
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;
}


/* VIZINHOS */

.vizinhos {
align-content: center;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* CONFIG DOS TEMAS */

#temas {
width: 300px;
border: 3px solid #ffe6d1;
}

.temas {
text-align: center;
}

/* CONFIG DA DOAÇÃO */

#kofi-pt {
width: 150px;
}

#kofi-pt:hover {
background-image: url('../kofi/kofi-pt.png');
background-size: cover;
z-index: 50;
}

#kofi-en {
background-image: url('../kofi/kofieng.png');
background-size: cover;
height: 41px;
width: 146px;
}

#kofi-en:hover {
background-image: url('../kofi/kofieng2.png');
background-size: cover;
z-index: 50;
}

.vertical {
vertical-align: middle;
}

.fully {
color: #ffe6d1;
}

pre {
word-wrap: break-word;
font-size: 1.2em;
}

.update {
white-space: pre;
}


/* ESOTERISMO LIVROS */

.shrines2 {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.shrines-sub2 {
flex: 1 1 100px;
border: 0px dashed #ffe6d1;
padding: 1px;
box-sizing: border-box;
text-align: center;
border-radius: 5px;
font-family: 'IBM Plex Mono', monospace;
color: #ffe6d1;
}

.image-wrap-left2 {
float: left;
margin-left: 10px;
margin-right: 15px;
margin-bottom: 10px;
border-radius: 5px;
width: 140px;
}

.para-left2 {
margin: 1px;
margin-right: 5px;
margin-left: 5px;
padding: 1px;
padding-top: 5px;
font-family: 'IBM Plex Mono', monospace;
font-weight: normal;
text-align: left;
color: #ffe6d1;
}

.image-wrap-right2 {
float: right;
margin-right: 10px;
margin-left: 15px;
margin-bottom: 10px;
border-radius: 5px;
width: 140px;
}

.para-right2 {
margin: 1px;
margin-right: 5px;
margin-left: 5px;
padding: 1px;
padding-top: 5px;
font-family: 'IBM Plex Mono', monospace;
text-align: right;
font-weight: normal;
color: #ffe6d1;
}

.mush {
width: 30px;
}

.nb p {
text-indent: 5ch;
text-align: justify;
text-justify: inter-word;
font-family: 'IBM Plex Serif', serif;
font-size: 1.1em;
}

.originais p {
text-indent: 5ch;
text-align: justify;
text-justify: inter-word;
font-family: 'IBM Plex Serif', serif;
font-size: 1.1em;
}

.nb h1 {
text-align: center;
font-family: 'IBM Plex Serif', serif;
font-size: 1.5em;
}


table, th, tr, td {
padding: 5px; 
border: 1px solid #ffe6d1;
border-collapse: collapse; 
}

tr:nth-child(even) {
background-color: #5e4079;
}

table {
margin-bottom: 20px;
margin-top: 10px;
}

#kofi-en2 {
background-image: url('../kofi/kofieng.png');
background-size: cover;
height: 41px;
width: 146px;
margin-left: auto;
margin-right: auto;
}

#kofi-en2:hover {
background-image: url('../kofi/kofieng2.png');
background-size: cover;
z-index: 50;
}

.harani {
/*font-family: 'Indie Flower', cursive;*/
font-family: 'IBM Serif', serif;
font-style: italic;
color: #ff6ecb;
/*font-size: 1.2em;*/
}

.kofi-sprite {
background-image: url('../kofi/kofi-sprite2.png');
background-size: cover;
background-position: 0 0;
height: 41px;
width: 146px;
}

.kofi-sprite:hover {
background-position: 0 123px;
}

.microblog ul {
font-family: 'IBM Plex Mono', monospace;
font-size: 0.8em;
}


.news-divisao {
border-bottom-style: dashed;
border-width: 2px;
color: #ffe6d1;
text-align: center;
opacity: 0.5;
}

.news {
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
max-width: 500px;
}

.news > p, h3, h4, h6, blockquote {
font-family: 'IBM Plex Mono', monospace;
color: #ffe6d1;
}

.news > p {
font-size: 0.8em;
text-align: justify;
}

.news > h6 {
margin-top: -15px;
}

.news > h4 {
font-size: 0.9em;
}

.descricao2 p {
font-family: 'IBM Plex Mono', monospace;
font-size: 0.8em;
text-align: justify;
padding-left: 5px;
padding-right: 5px;
}

.fanfic-p p {
text-align: justify;
font-family: 'IBM Serif', serif;
text-indent: 5ch;
}

p.noindent {
text-align: center; 
text-indent: 0ch;
}

.tema-preview {
width: 70%;
border: 3px solid #e7578f;
text-align: center;
}

#tema-preview {
text-align: center;
}

.telepatia {
/*color: #d0a3f9;*/
color: #dab2ff;
}