body {
    background-color:rgb(59, 51, 33);
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: white;
}

input, button, select, option {
    padding: 5px;
    border-radius: 10px;
    text-align: center;
}
button:hover {
    background-color: rgb(236, 198, 109);
}
option {
    text-align: left;
}

canvas {
    cursor: default;
}

textarea {
    resize: none;
}
textarea, .parrafin, .parrafon {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;  
}
.parrafin, .parrafon {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.parrafon {
    width: 300px;
}

body, .precaja, .caja {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.caja, .botonera, .larguicaja {
    background-color:rgb(116, 99, 59);
    color: white;
    border-radius: 10px;
}
.caja {
    margin: 10px;
    padding: 10px;
    gap: 10px;
}
.botonera, .larguicaja {
    margin: 5px;
    padding: 5px;
    gap: 5px;
}
.botonera {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 250px;
}
.larguicaja {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.lateral {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.laterald {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.cabecera {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.camutxt {
    color: rgb(59, 51, 33);
}
.subcamutxt {
    color: rgb(116, 99, 59);
}

.myname {
    font-size: 20px;
}

a {
    color: #FFD700;
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    color: #FFF176;
    text-decoration: underline;
}
.carita:hover {
    text-decoration: none;
}
.cariselect {
    font-size: 24px;
}