* {margin: 0; padding: 0;
    font-family: 'Dancing Script', cursive;
font-family: 'Pacifico', cursive;
font-family: 'Roboto', sans-serif;}

.NOMBRE {
    background-color: black;
    padding: 30px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 
    
        
}

.ALUMNO {
    color: antiquewhite; 
}


.IMAGEN {
    margin: 2rem
}

section {height: 80px; color: white}

#btn-menu {display: none}

header label {cursor: pointer}

.menu ul {background: white; display: flex; list-style: none; justify-content: center}

.menu ul ul {display: none}

.menu a {display: block; padding: 15px 20px; color: #ffffff; text-decoration: none}

.menu a:hover {background: rgba(0,0,0,0.3)}

.menu ul li:hover ul {display: block; position: absolute; background: rgba(101, 101, 105, 0.5)}


#foto-fondo {margin-top: 2rem; background-image:url(imagenes/fadu.jpg); 
                background-repeat: no-repeat; 
                background-size: cover; 
                height: 1100px;
    
}

.mensajes:hover {
    background: #3aade7;
}


.boton_siu:hover {
    background: white;
    cursor: pointer;
}




.boton_siu {
    background: rgba(255, 255, 255, 0.5);
    margin: 0;
    padding: 0;
}