*{margin: 3; padding: 1 rem}

html {font-size: 100%}

@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,700');
    

body{font-size: 1rem }


header{
    background-size: cover; ; text-align: center; margin: 3; 
    }

.inicio ul li a {color: #fdc62e; text-decoration:none}

header img{ border-radius: 30rem;}



.menu ul li {background: #de332c; display: inline-block; margin: 1rem;} 

nav {background: #de332c; border-radius: 2rem}

    .menu ul li a {background: #de332c; text-decoration: none; }
.menu ul li a:hover {background: #de332c; text-decoration: underline; text-decoration-color: #8F002E; text-decoration-style: wavy}
.inicio a:hover {background: #9f1510}

header a {color: white; background: #de332c; text-decoration: none; margin: 3; padding: 1rem; border-radius: 2rem}

.materias{ font-family:cursive fon-size: 1rem color:#de332c}

body{ background: #f85f5f;
    font-family: 'Quicksand', sans-serif;
    color:#000; text-align: center}

ul li {text-decoration: none; text-align: center; padding: 2 rem; color: #ffffff; display: block}
.materias ul li a{text-decoration: none; text-align: center; padding: 2 rem; color: #ffffff; display: block}

.nombre {background: #de332c; padding: 1rem; color: white; border-radius: 30rem;}

.bg {background: url(../img/bg.jpg); padding: 2rem}

.materias ul li a{text-decoration: none;}
.materias ul li a:hover{background: #4F57AA;}
.niveles {display: inline-block}

.curso {text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 2rem;
    padding: 1rem;}

.aprobadas {text-align: center;
display: inline-block;
vertical-align: top;
    margin: 2rem; padding: 1rem}