/* -------------------- MENÚ -------------------- */

#img {  /* título */
    max-height: 170px;
    margin: 20px;
}

.img-0 { /* imágen */
    max-height: 220px;
}

.child /* botón */
{
    margin: 30px;
    border-style: outset;
    border-width: 8px;
    border-radius: 8px;
    background-position: center;
}

.child:hover { /* efecto */
    transform: scale(1.1);
    transition: .3s;
}

#niña {
    border-color: dodgerblue;
    background-color: lightskyblue;
}

#niño {
    border-color: dodgerblue;
    background-color: lightskyblue;
}





/* -------------------- TEMAS -------------------- */

.img-1 { /* imágen */
    max-width: 250px;
}

.tema { /* botón */
    margin: 15px auto;
    border-style: outset;
    border-width: 8px;
    border-radius: 8px;
    background-size: cover;
    background-position: center;
}

.tema:hover { /* efecto */
    box-shadow: 10px 10px 10px 0px gray;
    transform: translate(-10px, -10px);
    transition: 200ms;
}

#español {
    margin-top: 60px;
    border-color: rgb(50, 100, 50);
    background-color: rgb(50, 175, 50);
}

#matematicas {
    border-color: rgb(50, 100, 50);
    background-color: rgb(50, 175, 50);
}

#emociones {
    border-color: rgb(50, 100, 50);
    background-color: rgb(50, 175, 50);
}





/* -------------------- ESPAÑOL -------------------- */

.img-2 { /* imágen */
    max-width: 150px;
}

.seccion { /* botón */
    max-width: 200px;
    margin: 40px;
    border-style: outset;
    border-width: 5px;
    border-radius: 8px;
}

.seccion:hover { /* efecto */
    box-shadow: 10px 10px 10px 0px gray;
    transform: translate(-10px, -10px);
    transition: .3s;
}

#vocales {
    margin-top: 100px;
    border-color: darkcyan;
    background-color: cyan;
}

#alfabeto {
    border-color: darkviolet;
    background-color: violet;
}

#señas {
    border-color: seagreen;
    background-color: lightgreen;
}

#repaso {
    border-color: darkgoldenrod;
    background-color: gold;
}





/* -------------------- MATEMÁTICAS -------------------- */

#numbers {
    background-color: #E74C3C;
    border-color: #B03A2E;
}