* {
    margin: 0;
    padding: 0;
}


html {
    font-size: 100%; /*100% = 16px */
    background-color:antiquewhite;
    color:darkslategrey;
}

body {
    min-height: 100vh;
    font-family: 'Noto Serif JP', sans-serif;
}

a {
    display: block;
    text-decoration: none;
}

/* Menú */
ul {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: limegreen;
}

li {
    font-family: 'Alegreya Sans', sans-serif;
    text-transform: uppercase;
    font-size: 3.5vw;
    text-align: center;
    float: left;
}

li a {
    color: ghostwhite;
    padding: 1.25em;
    transition: 0.6s;
}

a.active {
    background-color: aquamarine;
    color: limegreen;
}

/* Cambia el color al acercar el puntero */
li a:hover {
    background-color:crimson;
    color:black;
}
/*Fin Menú*/

#perfil {
    overflow: auto;
}

#intro {
    font-size: 3.2vw;
    margin-left: 2em;
}

#nombre {
    color: crimson;
}

.topspace{
    margin-top: 1em;
}

.yo {
    float: left;
    margin-right: 1em;
}

/* Menu estudiantes */
.emenu {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin-top: 0.5em;
    overflow: hidden;
    font-family: 'Alegreya Sans', sans-serif;
    background-color: limegreen;
}

#estudiantes a {
    background-color: limegreen;
    color: ghostwhite;
    padding: 1em;
    transition: 0.6s;
}

#estudiantes a:hover {
    background-color:crimson;
    color:black;
}
/* Fin Menu estudiantes */

#docentes {
    margin-bottom: 3em;
}

h1,
h2 {
    font-family: 'Alegreya Sans', sans-serif;
}

article {
    margin-right: 1em;
    margin-left: 0;
}

section {
    font-size: 1em;
    margin-top: 3em;
    margin-right: 2em;
    margin-left: 2em;
}

footer {
    font-size: 0.6em;
    color: antiquewhite;
    padding: 2em;
    box-sizing: border-box;
    background-color: crimson; 
    /*rosybrown*/
}