body {
    border: 1vw solid black;
    background-color: palevioletred;
    font-size: 1vw;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Times New Roman', Times, serif;
}

.imagenLogo {
    width: 8vw;
    height: 8vw;
    margin-top: 2vw;
    margin-left: 3vw;
}

.vocabulario {
    font-weight: bolder;
    display: grid;
    justify-content: center;
    font-size: 6vw;
    margin-bottom: 5vw;
    color: black;
    text-shadow: 7px 7px 7px black;
}

.ejemplo {
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    font-size: 4vw;
    font-weight: bolder;
}

.caption {
    background-color: coral;
    font-size: 2vw;
    margin-top: 2vw;
    border: 0.5vw solid black;
}


/* imagenes */
img {
    width: 15vw;
    display: inline-table;
}

img {
    height: 15vw;
}

.tablaCama {
    border: 0.5vw solid black;
    margin-left: 3vw;
}

.imagenUno {
    margin-left: 1vw;

}

/* INPUTS desde VOCABULARIO HASTA enLineaCuatro*/
span {
    display: flex;
    justify-content: center;
}

form {
    display: flex;
    justify-content: center;
}

.inputTexto1 {
    margin: 0 0 0 40vw;
    float: left;
    font-size: 1.5vw;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bolder;
    box-shadow: 7px 7px 7px black;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*BOTÓN LISTO*/
.listo {
    font-size: 1.5vw;
    font-weight: bolder;
    font-family: 'Times New Roman', Times, serif;
    background-color: turquoise;
    box-shadow: 5px 5px 5px black;
    transition: 0.2s;
    margin-bottom: 0vw;

}

.listo:hover {
    background-color: palevioletred;
    transform: scale(1.1);
}

.aquiRespuesta {
    text-align: center;
    font-size: 5vw;
    color: teal;
    text-shadow: 7px 7px 7px black;
}

.correcto {
    color: rgb(4, 51, 46);
    text-align: center;
    font-size: 4vw;
    font-weight: bolder;

}

.incorrecto {
    color: purple;
    text-align: center;
    font-size: 4vw;
    font-weight: bolder;

}

.escribeAlgo {
    color: rgb(14, 219, 199);
    text-align: center;
    font-size: 4vw;
    font-weight: bolder;
}

.aceptarCero {
    display: flex;
    justify-self: center;
    font-size: 2vw;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bolder;
    border: 0.1vw solid black;
    /* margin: 0vw 0vw 2vw 43vw; */
    transition: 0.2s;
    cursor: pointer;
    background-color: turquoise;
    box-shadow: 5px 5px 5px black;
}

.aceptarCero:hover {
    transform: scale(1.1);
    background-color: palevioletred;
}

.regresarLección {
    font-size: 2vw;
    margin-left: 5vw;
    margin-bottom: 3vw;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bolder;
    border: 0.1vw solid black;
    transition: 0.2s;
    cursor: pointer;
    background-color: turquoise;
    box-shadow: 5px 5px 5px black;

}

.regresarLección:hover {
    transform: scale(1.1);
    background-color: palevioletred;
}

.generoCentrar {
    text-align: center;
    font-size: 6vw;
    margin-bottom: 5vw;
    color: red;
    text-shadow: 7px 7px 7px black;
}

/* enLinea1cinco el adjetivo y el número */

.body {
    background-color: rgba(255, 196, 0, 0.986);
    border: 0vw solid rgba(255, 196, 0, 0.986);
}

.adjetivo1 {
    font-size: 1.5vw;
    background-color: rgb(231, 183, 93);
    font-weight: bolder;
    list-style: none;
    float: inline-start;
    margin-left: 25vw;
    margin-right: 20vw;

}

.adjetivo2 {
    font-size: 1.5vw;
    background-color: rgb(231, 183, 93);
    font-weight: bolder;
    list-style: none;


}

.listStyle {
    list-style: none;
    margin-left: 3vw;

}

.singularPlural {
    text-align: center;
    margin-top: 3vw;
}

.pluralSingular {
    width: 30vw;
    height: 2vw;
    font-size: 2vw;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bolder;

}

.centerDisplay {
    display: flex;
    justify-content: center;
}

.aceptarSP {
    font-size: 2vw;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bolder;
    border: 0.1vw solid black;
    transition: 0.2s;
    cursor: pointer;
    background-color: turquoise;
    box-shadow: 5px 5px 5px black;

}

.aceptarSP:hover {
    transform: scale(1.1);
    background-color: palevioletred;

}

/* enLinea1seis los demostrativos */

.body {
    background-color: rgba(255, 196, 0, 0.986);
    border: 0vw solid rgba(255, 196, 0, 0.986);
}

.demostrativos1 {
    font-size: 1.5vw;
    background-color: rgb(231, 183, 93);
    font-weight: bolder;
    list-style: none;
    float: left;
    margin-left: 25vw;
    margin-right: 5vw;
}

.demostrativos2 {
    font-size: 1.5vw;
    background-color: rgb(231, 183, 93);
    font-weight: bolder;
    list-style: none;
}



.listStyle {
    list-style: none;
    margin-left: 3vw;
    display: inline;

}

.container {
    background-color: rgb(231, 183, 93);
}