@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');

*{
    box-sizing: border-box;
    --fondo: beige;
    --fondo2: white;
    --borde: rgb(131, 131, 105);
    --negro: black;
}

body{
    margin: 0px;
    background-color: var(--fondo);
    font-family: 'Orbitron', sans-serif;
}

header{
    background-color: var(--borde);
    color: var(--fondo2);
    text-align: right;
    padding: 10px;
}
header a{
    color: var(--fondo2);
    text-decoration: none;
    font-size: 1.3em;
}

main{
    max-width: 80%;
    margin: auto;
    margin-top: 25px;
    border: solid var(--borde) 1px;
    border-radius: 10px;
    background-color: var(--fondo2);
    padding: 15px;

}

main fieldset{
    border: solid var(--borde) 1px;
    border-radius: 6px;
}
main fieldset legend{
    background-color: var(--borde);
    color: var(--fondo2);
    padding: 4px;
}

main section{
    display: flex;
    border-bottom: solid var(--borde) 2px;
    align-items: flex-end;
}

main section div{
    margin-left: 5px;
    margin-right: 5px;
    border-top: solid var(--negro) 1px;
    border-left: solid var(--negro) 1px;
    border-right: solid var(--negro) 1px;
    padding: 8px;
    text-align: center;
    color: var(--fondo2);
}

.botones{
    background-color: var(--borde);
    color: var(--fondo2);
    padding: 4px;
    border: 0px;
    border-radius: 4px;
    padding: 3px;
}