@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');

    
html {
    background-color: #c5d9cf;
    
}

header {
    
    
    line-height: 0;
    display:block;
    margin:auto;
    text-align: center;
    
    
}

a {
    font-family: "Oswald",sans-serif;
    color: #95af96;
    text-align: center;
    text-decoration: none;
    
   
}
    

body {

    background-image:url(img/fondo.jpg);
    margin: 0 auto;
    max-width: 800px;
    padding: 2em 2em 4em;
   
}

#foto {
    
    
    max-width: 100%;
    height:auto;
    display:block;
    margin:auto;
    }

#facebook {
    

    width=35px;
    height:35px;
    padding-left: 65px;
    
    
    }

#instagram {
    
    
    width=35px;
    height:35px;
    
    
    
 }
    
#titulo {
    background-color: #66776c;
    display:block;
    margin:auto;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
    width: 80%;
    height 80%;
    
} 
    
h1{
    font-family: "Oswald",sans-serif;
    color: rgb(255, 255, 255);
    text-align: center;
    
   
}

h2,h4 {
    font-family: "Oswald",sans-serif;
    text-align: left;
    font-size: 100%;
    margin-left: 25px;
    color: #74a57c;
    
    } 

h3 {
    font-family: "Oswald",sans-serif;
    color: #d6cfcb;
    text-align: center;
    
   
}

#acercademi2 {
    
    background-color: #66776c;
    display:block;
    margin:auto;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
    width: 80%;
    height 80%;
    
    }

#acercademi {
    
    display:block;
    margin: auto;
    background-color: #95af96;
    height: 25%;
    width: 80%;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
    align-content: center;
    
    
    }

p {
    
    color: #d6cfcb;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 85%;
    text-align: center;
    letter-spacing: inherit;
    padding: 1em 2em 1em 2em;
   
    
    }

#materiasaprobadas {
    
    background-color: #aebeaa;
    height: 205%;
    width: 80%;
    display:block;
    margin:auto;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
    align-content: center;

   
    }

ul {
    color: #706677;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 70%;
    text-align: left;
    margin-right: 5px;
    
    }


footer {
    
    background-size: cover;
    background-color: #66776c;
    color: #d6cfcb;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 100%;
    text-align: center;
    
    
    }