body { background-color: #EFEEEE;}

.contenedor { background:#69BBB2; margin: auto; width: 70%; color:#3c3c3c; }
a {text-decoration: none}

header {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
flex-flow: row;
background:#E66261;
text-align: left; }
 
h1 {margin-left: 2rem; font-family:'Lato', Arial, sans-serif;font-weight: 900;font-size: 50px; line-height: 5rem;}
a { margin-left: 2rem; font-family:'Lato', Arial, sans-serif; font-weight: 900;font-size: 25px; color: #3c3c3c;}


.boton1,
.boton2,
.boton3 {padding-right: 3rem;}

.vinculos { 
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
flex-flow: row;
text-decoration: none; list-style: none;}

main {margin-top:5rem; margin-bottom: 5rem;}
h2 { font-family:'Lato', Arial, sans-serif; font-weight: 900; font-size: 25px; text-align: left; margin-left: 14.2rem; }
h3 { font-family:'Lato', Arial, sans-serif; font-weight: 900; font-size:20px; text-align: left; margin-left: 14.2rem; margin-top: 3rem;}

.titulo {font-family:'Lato', Arial, sans-serif; font-weight: 900; font-size: 17px; margin:0; padding-bottom: 1rem;}
p {font-family:'Roboto', Arial, sans-serif; font-weight: 400; font-size: 15px; margin:0; line-height: 1.2rem; margin-bottom: 11.2rem; }


.materiascursadas {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
flex-flow: row;
margin-left: 14.2rem;
margin-top: 3rem}

.segundoano{
margin-left: 5rem; margin-top: -1rem; padding: 0;}

.textodecorrido {font-family: 'Roboto', Arial, sans-serif; font-weight: 400; font-size: 15px; line-height: 1.8rem; margin: 2rem 14.2rem 2rem 14.2rem;}


footer {background-color: #3c3c3c; font-size:11px; padding: 1.5rem 4rem 1.5rem 4rem; font-family: 'Roboto', Arial, sans-serif; font-weight: 400; text-align: center; color: white;}