header {background: #fdb827; text-align: center; font-weight: 500; padding: 1.5%; font-size: 1rem;}
body{background: #f8f8f8; color: #444444;  font-family: 'Roboto', sans-serif; font-weight: 1000;}
* {margin: 0; padding: 0; box-sizing: border-box;}
h1{padding-bottom: 1%;
  color: #333333;
 } 

header p {
  color: #333333;
  margin-top: 2rem;

}

header nav {
  margin-top: 3rem;
  margin-bottom: 1rem;
}

.navegacion {
  text-decoration: none;
  padding-left: 4%;
  padding-right: 4%;
  font-weight: bolder;
  color: #22279a;
  display: inline-flex;


}


.titulo {font-size: 1.3rem;
margin-top: 6rem;
margin-bottom: 3rem;
text-align: center;
border-top: 1px solid #fdb827;
border-bottom: 1px solid #fdb827;
font-weight: 400;
padding-top: 0.5rem;
padding-bottom: 0.5rem;

}

.materias {margin-top: 5%; }

.footer {}

.materias1 {
	border-top: 1px solid #fdb827;
  border-right: 6px solid #fdb827;
  border-bottom: 6px solid #fdb827;
  border-left: 1px solid #fdb827;
  border-radius: 6px;
   width: 18%;
  height: 22%;
  padding: 0.5%;
  text-align: left;
  margin-left: 24%;
  margin-top: 1%;
  display: inline-flex;
  font-weight: 400;
  
}

.materias2 {
	border-top: 1px solid #fdb827;
  border-right: 6px solid #fdb827;
  border-bottom: 6px solid #fdb827;
  border-left: 1px solid #fdb827;
  border-radius: 6px;
   width: 18%;
  height: 22%;
  padding: 0.5%;
  text-align: left;
  margin-left: 15%;
  margin-top: 1%;
  display: inline-flex;
  padding-bottom: 6.6%;
  font-weight: 400;
}

.año1 {
	padding-bottom: 1%;
  font-weight: 800;
	
}


.año2 {
	padding-bottom: 1%;
	font-weight: 800;
}

.m1{margin-top: 8%;

}
.m2{
	margin-top: 8%;
}


.footer {
	   color: black;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;  
}

.alumna {
text-decoration: none;
color: #444444;
margin-bottom: 5rem;
display: inline-flex;
padding: 1rem;
text-align: center;
align-items: center;
align-content: center;
align-self: center;
margin-left: 4%;
  border-top: 1px solid #fdb827;
  border-right: 6px solid #fdb827;
  border-bottom: 6px solid #fdb827;
  border-left: 1px solid #fdb827;
  border-radius: 6px;
}

.integrantes {
  margin-left: 12%;
}

footer {
  display: block;
}

footer p {
  color: darkgray;
  text-align: center;
  font-weight: 200;
  margin-left: 13%;
  margin-right: 13%;
  padding-top: 4%;
}