@import url('https://fonts.googleapis.com/css?family=Work+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto:300i,400,900');
*{margin: 0;}

/* Nuestro REM */
html{font-size 85%}
body{font-size: 0,5rem} /*16px*/


 
body{
    background: #bdb8e1;font-family: 'Roboto', sans-serif; color:antiquewhite;
} 

header{height: 700px; background: url(../img/yop.jpg); background-size: cover; color: whitesmoke;}




nav{text-align: center; background-color: #3bb69d; width: 100%;}
nav ul {padding: 0;}
nav ul li {list-style-type: none; display: inline-block; padding: 0.1rem; text-decoration: none}
nav ul li a {color: azure; text-decoration: none; text-align: center; display: block;
padding: 1rem;}

li{align-content: center;}

nav ul li a:hover {background: #d551ed; color: aquamarine;}


h1{ font-family: 'Roboto', sans-serif;font-weight: 400; text-align: center; font-size: 1.7rem; text-decoration:none; height: 40px; background-color: #3bb69d; position: fixed; display: inline-block; text-align: center; align-content: center; width: 100%;}
h2{font-size: 1.3rem; color: #d1f5eb; margin-top: 1%; background-color: #493bb6; text-align: center; font-weight: 400;}
h3{text-align: center; font-size: 2rem;color: #3bb69d; background-color: #2e285a;;margin-top: 2%;font-weight: 400; width: 100%;}
h4{text-align: center; font-size: 1.5rem; color:crimson;color: #2e285a; margin-top: 2%; background}
h5{text-align: center; font-size: 1rem; margin: 2%; color: #2e285a; margin: 1px; font-weight: 300}
h6{text-align:center; font-size: 0.9rem; font-family: 'Roboto', sans-serif; font-weight: 900;color:#493bb6; padding-top: 1%}
h7{text-align:center; font-size: 0.9rem; font-family: 'Roboto', sans-serif; font-weight: 300; padding-left: 9%; color:#493bb6;}

.nivel1 h4{background-color: aquamarine;margin-left: 36%;}
.nivel1 {width: 20%;margin-left: 36%;}

.nivel2 h4{background-color: aquamarine;margin-left: 36%;}
.nivel2 {width: 20%;margin-left: 36%;}

.nivel3 h4{background-color: aquamarine;margin-left: 36%;}
.nivel3 {width: 20%;margin-left: 36%;}


.tema{color: #d9c3f2}
.subtitulo{color: #c3baeb; font-size: 3rem;}


p{font-size: 0,9rem; color: whitesmoke; font-family: 'Roboto', sans-serif;font-weight: 300;}
p{padding: 2%;}

footer {margin-top: 2%; background-color: #2e285a; font-size: 0.8rem}