body {background: #ededed; font-family: arial;}

h1 {font-size: 1.5rem; text-align: center;}

footer {
    padding: 1rem 0rem 1rem 1rem; 
    background: #414141;
}

.textofooter {
    font-size: 0.8rem;
} 

.gato {}


.VN16 {text-decoration: none;background: #180895; font-family: arial; color: #FFFFFF; text-align: center;}

.mierda {display: flex;
    list-style-type: none;
    justify-content: space-around;background: #180895; Color: #180895;}

.perro {position: fixed; top: 0; width: 100%;
    left: 0; margin: none; justify-content: space-between;
    align-items: center;
    z-index: 50;}

header nav ul li a {text-decoration: none; font-family: arial; Color: #180895;}

.materias { display: flex; justify-content: space-around; color: #ffffff; font-size: 1rem;box-sizing: border-box; margin: none; padding: 3rem 0rem 5rem 0rem;}

h2 {color:#ffffff; font-size: 2rem; text-align: center; ; background:rgb(0, 0, 0);padding: 2rem;border-radius: 5rem; margin: 2rem 28rem;}

h3 {font-size: 1rem; text-align: center;}

.nivel { background:rgba(0, 0, 0, 0.6);padding: 2rem;border-radius: 1rem; margin: -1rem;}

h4 {color:#d8c008;}

body {background-image: url(img/1.jpg); width: 100%; padding: 10rem 0rem 0rem 0rem;}

ul {display: flex; justify-content: space-around; flex-direction: row;flex-wrap: nowrap; align-items: center;list-style: none;}

.foto { text-align: center;}

img {border-radius: 10rem;background: black; text-align: center; padding: 1rem;}

.redes {color:#ffffff; background:rgb(7, 0, 0);padding: 0rem;border-radius: 1rem; margin: 1rem 60rem 1rem 1rem;  
    display: flex; align-items: center;}
.texrede {text-decoration: none; font-family: arial; Color: #ffffff;}

*/parallax image html/*