@import url(https://fonts.googleapis.com/css?family=Amatic+SC:400,700&subset=latin-ext); 

body {
    background-image: url(https://s-media-cache-ak0.pinimg.com/736x/cb/33/3e/cb333e86aafde7d3aaf6094a74fc654f.jpg);
    background-size: contain;
    width: inherit;
    text-align: center;
    margin-top: 0;
    margin-bottom: auto}

header {
    background-color: #d8e2db;
    padding-top: -1rem;
    padding-bottom: -1rem;
    margin-right: 4rem;
    margin-left: 4rem; 
    font-weight: bolder;
    font-family: 'Amatic SC', cursive;
    text-decoration-color: #fff;
    margin-top: 0;
    margin-bottom: 0;}

h1{
    color: #000000;
    font-size: 3rem;
    text-align: left;
    padding-left: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 0;
    margin-bottom: 0;}

.nombre{
    color: black;
    text-align: center;
    font-size: 2.5rem;
    font-family: 'Amatic SC', cursive;
    background-color: #ffffff;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-right: 4rem;
    margin-left: 4rem;
    letter-spacing: 1rem;}

h2{
    color: black;
    font-size: 2rem;
    font-family: 'Amatic SC', cursive;
    font-weight: bold;
    padding-top: 1rem;
    padding-left: 7rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
    text-align: left;
    letter-spacing: 1rem;}

.materiasaprobadas{
    color: black;
    text-align: left;
    font-size: 1.5rem;
    font-family: 'Amatic SC', cursive;
    background-color: #EEEEEE;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-right: 28rem;
    margin-left: 4rem;
    letter-spacing: 1rem;}

article{
    float: left;
    width: 23%;
    box-sizing: border-box;}

.NIVELES{
    background-color: #EEEEEE;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0rem -2rem 0rem 4rem;}

h3{
    color: #7eb5ab;
    font-size: 1.8rem;
    font-family: 'Amatic SC', cursive;}

.materias{
    text-decoration: underline;
    font-size: 1.5rem;
    font-family: 'Amatic SC', cursive;
    color: black;}

.materiasencurso{
    text-decoration: underline;
    font-size: 1.5rem;
    font-family: 'Amatic SC', cursive;
    color: #525252;}

p{
  color: black;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'Amatic SC', cursive;}

ul{list-style-type: none;}

li{float: right;
   width: 25%;}

.boton{
    background:  #7eb5ab;
    text-align: center;
    line-height: 1em;
    font-weight:bolder;
    font-size: 2rem;
    font-family: 'Amatic SC', cursive;
    padding: 10px 5px;
    margin: 0px 80px 0px 80px;
    color: #fff;}

a{text-decoration: none;}

.sub{font-size: 1rem;
    line-height: 0.5rem;}


footer{background-color:#d8e2db;
       margin: 90rem 4rem 0rem 4rem;}

.fadu{font-size: 20px; color: black; text-align: center; line-height: 100%;}
.contenido{font-size: 15px; color: black; text-align: center; line-height: 100%;}