body {
    background-image: url("/shared-things/bg.gif");
    background-size: 608px 468px;
    background-position: center;
    color: #212529;
    image-rendering: pixelated;
    /* chrome */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    /* ff */
    image-rendering: -moz-crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.title-bar-text {
    padding: 4px 6px 4px !important; /* dando override no padding do combined pq fica errado com o fontsize q eu quero */
    font-size: 24px;
}

.title-bar-img {
    padding: 0px !important; /* msm coisa q ali em cima, mas pro icone */
    max-height: 20px;
}


.center-wind {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}


.centered {
    margin: auto auto auto auto;
}

.language {
    flex-grow: 2;
}
.fit-content{
    width: fit-content;
    height: fit-content;
}

.sabonete {
    flex-grow: 1;
}

.text-center {
    text-align: center;
}

.caralhoeuodeiohtml {
    position: relative;
    bottom: 3px;
}

.badge {
    max-height: 15px;
}


/*.rounded-border { esse é o veio, pra Luna
    border: 1px solid #d0d0bf;
    border-radius: 5px;
}

.border-text {
    background-color: var(--window-bg);
    color: #0046d5;
    position: absolute;
    margin-top: -8px;
    margin-left: 5px;
}*/

.rounded-border {
    border: 1px solid #431d58;
    border-radius: 5px;
}

.border-text {
    background-color: var(--window-bg);
    color: #431d58;
    position: absolute;
    margin-top: -7px;
    margin-left: 5px;
}


.fit-content{
    width: fit-content;
    height: fit-content;
}

.warning-icon{
    position: absolute;
    height: 16px;
    margin-left: 7px;
    margin-top: 3px;
}

.age-ver {
    position: absolute;
    box-shadow: 6px 12px 4px rgba(0, 0, 0, 0.15);
}

.right-button{
    height:24px;
    width: 24px;
    background-repeat: no-repeat;
    background-image: url("/shared-things/windows-icons/right-arrow-button.png");
}

.right-button:hover{
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-image: url("/shared-things/windows-icons/right-button-pressed.png");
}

.centered{
    display: flex;
    justify-content: center;
    align-items: center;
}

.h2-sem-bold{
    font-size: 24px;
}

.desenho{
    max-width: 150px;
    min-height: 184px;
    max-height: fit-content;
    background-color: white;
    border: 1px solid black;
}
.desenho-wide{
    max-width: fit-content;
    min-height: 184px;
    max-height: fit-content;
    background-color: white;
    border: 1px solid black;
}
.desenho-wide > img{
    border: 2px solid black;
}

.desenho > img{
    border: 2px solid black;
}

.aprendaarespeitarasveia{
    gap: 4px;
}

.map > area {
    cursor: pointer;
}