@import url('https://fonts.googleapis.com/css?family=Fira+Sans:200,400,900');
header {background: #f4f3d9 ; text-align: center}

header {background: url(../img/6.jpg);
}


body {background: #e6dbc4;
  font-family: 'Fira Sans', sans-serif;
    }

/*HEADER*/    

.inicio {
border-radius: 0.5rem;
background-color: rgba(255, 247, 211, 0.81);
margin: 0rem;
padding: 1rem;
text-align: center;
box-shadow: 2px 2px 2px 2px rgba(77, 42, 42, 0.13);
    }

.inicio ul li {display: inline-block;
text-transform: uppercase;
margin: 0.5rem;}

.inicio ul li a { color: rgb(255, 255, 255);
              text-decoration: none;
              text-align: center;         
              font-size: 1rem;
              align-content: space-between;
              padding: 0.3rem;
              display: inline-block;
              background: #9b9592;
              border-radius: 0.5rem;
    

}

.inicio ul li:hover {text-shadow: 0px 2px 5px  #cb3838 ;
                   transform: scale(1.2);}

/*IMAGEN PERFIL*/

img {
    border-radius: 8rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 2px 2px 2px #c4c4c4;
    box-shadow: 10px 10px 8px rgba(181, 172, 172, 0.46);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    
}

/* HS */


h2 {text-decoration: none;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2rem;
    text-align: center;
    color: white;
    margin: 0.5rem;
    margin-top: 0rem;}




h3 {width: 100%;
    margin: auto 0;
    padding: 0.5rem;
    margin-top: 2%;
    margin-bottom: 2%;
    display: inline-block;
    background-color: #03062f;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    }
    
h3 a{ text-decoration: none;
    color: white;
    }

/*TEXTO*/


.expl{display: block;
background: #03062f54;}

.expl p {margin: 2rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.materias {display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: space-between;

}
.niveles{
    position: relative;
    width: 260px;
    height: 270px;
    margin: 20px;
    background-color: #a78265;
    box-shadow:  5px 5px 10px -2px rgba(0,0,0,0.5);
}

p {text-align: center;
font-weight: 2400; 
color: white;
font-variant: small-caps;

}

p span { color:#e2b25d;
text-transform: uppercase; }

.datosobligatorios {
    padding: 1rem;
    text-align: center;
    font-size: 0.8rem;
}

/*FOOTER*/

.footer {background: #a78265; font-size: 0.8rem; margin-top: 2rem; padding: 1rem; color: white; }