@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,400,700|Roboto:400,500,700,900" rel="stylesheet);

*{ margin: 0; padding: 0; }

/***********/
/* General */
/***********/

body{font-family: 'Roboto', sans-serif; } 
h1 {background: #0078B4; padding: 1rem; text-align: center; color: #fff; font-size: 3rem;}
h2 {font-weight: 200;padding: 2rem; text-align: center;}
h4 {font-weight: 200;padding: 2rem; text-align: center;align-content: center;}

section {text-align: center;}
article {background: #e3e3e3;
    display: inline-block;
    padding: 2rem 0rem 2rem 0rem;
    width: 50%;}
article h3 {text-align: center; }
footer {text-align: center;padding: 1rem 0rem 0rem 0rem; text-decoration: none; color: #521189}
a {;}



header {
    background-image: url(img/banner.jpg);     }

.avatar {
    width: auto;
    margin: auto;
    display: block;
    display: flex;
    position: relative;
    border-radius: 50%;
        border: 15px solid #0078b4;
   }

.centrado { padding: 5rem 0rem 2rem 0rem;
    z-index: 1000; 
}

.titulodg {
     font-size: 6rem;
    
   }

.materias {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 2rem;
    background: #0078B4;
    padding: 1rem;
    text-align: center;
    color: #fff;
}

.nivel {
    font-family: 'Roboto', sans-serif;
    background: #0078B4;
    font-weight: 100;
    font-size: 2rem;
    padding: 1rem;
    text-align: center;
    color: #fff;
}

h5 { padding: 1rem; text-align: center; color: #0078B4; font-size: 1rem;}

.ojos {
   vertical-align: top;
        position: absolute;
    padding: 7rem 2rem 0.5rem 2rem
    
    }