@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@800&display=swap');

* {margin: 0; padding: 0; box-sizing:border-box}


body {background: linear-gradient(90deg, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
}
header {
    margin: 5%;
    padding: 5%;
    min-height: 8rem;
    border: 0.3rem solid #d4c9c9;
    border-radius: 2rem;
    box-shadow: 1rem 1rem 1rem #6c6969}


h1 {color:antiquewhite; text-align: center; font-family: 'Spartan', sans-serif;font-size: 4rem}
h2 {color: azure; text-align: center;font-family: 'Spartan', sans-serif;font-size: 2rem }
h5 {color: beige; text-align: center; font-family: 'Spartan', sans-serif;font-weight: 300}
h4 {color: white; text-align: center; font-family: 'Spartan', sans-serif;font-size: 2rem;}
h6 {color: beige; text-align: center; font-family: 'Spartan', sans-serif;font-weight: 300;word-spacing:inherit;margin: 0.5%; padding: 0.5%}

img {margin: auto ; display:  block}

p {color: dimgrey }

footer p{ color: grey; font-size: 0.7rem;text-align: center}

.menu {display:block; margin: auto}

li  {display: inline;
     padding-left:60px;
    padding-right:60px;}

.materias{display: flex; background: linear-gradient(90deg, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
 }

.aprobadas { background: rgba(148,187,233,1);
width: 50%;
    margin: 5%;
    padding: 5%;
    min-height: 8rem;
    border: 0.3rem solid #d4c9c9;
    border-radius: 2rem;
    box-shadow: 1rem 1rem 1rem #6c6969
    }

.encurso { background: rgba(148,187,233,1);
width: 50%;
    margin: 5%;
    padding: 5%;
    min-height: 8rem;
    border: 0.3rem solid #d4c9c9;
    border-radius: 2rem;
    box-shadow: 1rem 1rem 1rem #6c6969
    }

.contenedor {max-width:  75rem; margin: auto}