@import url('https://fonts.googleapis.com/css?family=Quicksand');
*{margin: 0;}

.div-header {width: 100%; height: 30vh; background: url(../img/fondo.png); background-size: cover}

.datos {position: relative; font-size: 1em; top: -3em; text-align: center }
.nombre {text-align: center; margin-top: 0px; margin-bottom: 0.5em; font-size: 2em}
.carrera {font-size: 1em; font-weight: 200}
.materias {font-size: 1.2em; font-weight: 400}
.div-perfil img { margin-top: 2 rem; position: relative; border-radius: 100rem; background-size: cover; top: -6em; border: 4px solid #989898}

body { background: #fcc6b3; font-family: 'Quicksand', sans-serif; text-align: center; margin: 0px;}

.materias ul {list-style:none}
.materias article {background-color: beige; padding: 0.3rem; margin: 8rem; margin-top: 2rem; margin-bottom: 2rem; border-radius: 1.5rem}
.materias h4 { font-size: 1.3em;  color: #b44ed3; padding: 0.5rem; border-radius: 0.5rem }
.grupo {margin-top: 30px; margin-bottom: 30px}
h6 {font-size: 1em; font-weight: bold; top: -1em }

article h7 {font-size: 1.3em; font-weight: bold; line-height: 3rem}
article h8 {font-size: 1.3em; font-weight: bold; line-height: 3rem} 
article h9 {font-size: 1.3em; font-weight: bold; line-height: 3rem} 
h10 {font-size: 1.2em; font-weight: bold; line-height: 2rem } 
section a { text-decoration-line: none; color: darkviolet; padding: 0.5rem; }

h5 { margin-top: 3rem;
margin-bottom: 2rem;
color: #e55eb1;
font-size: 0.80rem;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
line-height: 1.2rem }

article h5{margin align-items: center;
                      padding: 0.2rem;}

footer {background-color: beige; color: dimgray;margin-bottom: 5rem, font-family: 'Sunflower', sans-serif; display: block, font-size: 0.7rem; padding: 0.5rem}

footer a {text-decoration-line: none; color: dimgrey; margin-bottom: 5px; font-weight: 400; text-align: center; font-weight: bold; line-height: 1rem} 


footer h12 {text-decoration-line: none; color: dimgrey; font-size: 0.7em; margin-bottom: 50px; margin-left: 50px; text-align: center}

nav ul { 
    text-align: center;
    list-style-type:none;
    margin:0;
    padding: 5px;
    position: relative;
    overflow:hidden;
    box-sizing: border-box;
    margin-bottom: 1rem; 
    background:#e55eb1;
    padding: 1.5rem;
    font-size: 100%;
font-style: inherit;
}



nav ul li  { float:none;
    text-align: center;
    display: inline;}

li a {
    display: inline;
    color: white;
    text-align: center;
        padding: 2rem 2rem 2rem 2rem;
    text-decoration: none;}


li a:hover { background-color: #3946e3;}
}