@charset "UTF-8";

body {
   background: linear-gradient(#000000, #9198e5);
    margin: auto;
    
}

header div a{
    display: flex;
    justify-content: center;
    padding-top: 1rem;
}

header div a img{
    height: 60px;
    padding: 1rem;
}

.titulos{
    display:flex;
    justify-content: center;
    margin-top: 1rem;
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    color:white;
    background-color: black;    
}

.titulos h1{
        font-family: 'Lato', sans-serif;
}

#escuela{
    display: flex;
    justify-content: center;
    font-size: 12px;
    font-family:sans-serif;
    color:#b2b1b1;
    font-family: 'Lato', sans-serif;
}


#pablo {
    border-radius: 9rem;
    width: 300px;
    height: 300px;
    justify-content: center;
}

#pablo-1{
    display: flex;
    justify-content: center;
}



#descripcion {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    font-family: sans-serif;
    font-size: 15px;
    color:#e6e6e6;
}

#legales {
    display: flex;
    justify-content: center;
    text-align: center;
    background-color:black;
    color:white;
    font-size: 12px; 
    margin-bottom: 0;
}

#legales a{
    margin: 1rem;
}

.redes{
    display: flex;
    justify-content: center;
}

.contacto-facebook{
    display: flex;
    justify-content: center;
    padding: 1rem;
}
.contacto-facebook a img{
    width: 60px;
}

.contacto-insta{
    display: flex;
    justify-content: center;
    padding: 1rem;
}
.contacto-insta a img{
    width: 60px;
}

p{
    text-align: center;
    font-family: sans-serif;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    color:#ffffff
}

#materias{
    color: azure;
    display: flex;
    justify-content: center;
     font-family: 'Lato', sans-serif;
}

#materias ul li a{
    color: #e8e1ff;
    text-decoration: none;
}

#materias ul li{
    list-style:square;
}