@charset "utf-8";
@import url(https://fonts.googleapis.com/css?

family=Roboto);

body{
    background-color: #a6d4c8;
    margin: 0 10em 0 10em;
}

#fondo{background-color:bisque}

#portada img{width: 100%;}


#foto img{width: 15em;
margin-left: 25em;
margin-top: 1em;}

#materias {display: flex;
flex-direction: row;
justify-content: center;}

#materias p {font-family: roboto;
background-color: #EC928E;
padding: 2em;
margin:2em;
border-radius: 16px;
color:bisque;}

#materias2 {display: flex;
flex-direction: row;
justify-content: center;
margin:-2em;}

#materias2 p {font-family: roboto;
background-color: #EC928E;
padding: 2em;
margin:2em;
border-radius: 16px;
color:bisque;}



h2 {font-family: roboto;
   color:darkseagreen;
text-align: center;}
h3 {font-family: roboto;
text-align: center;
color:darkseagreen}
h4 {font-family: roboto;
color:  #61d6b8;}


footer{font-family: roboto;
text-align: center;
font-size: small;
background-color: #EC928E;
padding: 2em;
margin-top: 2em;}