body {
    background: linear-gradient(rgb(230, 216, 135), rgb(178, 167, 83));
    background-repeat: no-repeat;
    background-attachment: fixed;
}

label {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande',
    'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

#formulario {
    background-color: rgb(154, 150, 92);
    border: 4px solid #dded65;
    height: 850px;

    width: 350px;

    /* Regla de 3: (20 / 350) * 100 = 5.71% */
    padding: 5.71%;

    position: absolute;
    inset: 50px 100px 100px 20px;
}

#horas {
    /* Regla de 3: (150 / 350) * 100 = 42.86% */
    width: 42.86%;

    /* Regla de 3: (20 / 350) * 100 = 5.71% */
    padding-left: 5.71%;
}

#informacion {
    /* Regla de 3: (150 / 350) * 100 = 42.86% */
    width: 42.86%;

    /* Regla de 3: (20 / 350) * 100 = 5.71% */
    padding-left: 5.71%;
    padding-right: 5.71%;
}

/* Radio y nombre juntos */

.radio {
    /* Regla de 3: (5 / 350) * 100 = 1.43% */
    margin-right: 1.43%;
}

.labelRadio {
    display: inline-block;

    /* Regla de 3: (300 / 350) * 100 = 85.71% */
    width: 85.71%;
}

.checkbox {
    /* Regla de 3: (10 / 350) * 100 = 2.86% */
    margin-bottom: 2.86%;
}

.boton {
    /* Regla de 3: (50 / 350) * 100 = 14.29% */
    width: 14.29%;

    border: 2px solid rgb(184, 184, 88);
}