body {
    background: #f9e7e0; 
    font-family: 'Rubik', sans-serif;
}

header {
    background: rgb(132, 196, 196);
}

h1 {color: #3b605b; 
    text-align: center;
}

h2 {
    color:rgb(132, 196, 196); 
    text-align: center;
    
}
h3 {color:#65a59e; 
    text-align: center;
}

h4 {
    color: #65a59e;
}

ul {color:#004974;
}

p { color:#004974;
}

footer p{color: rgb(255, 255, 255); 
    font-size: 0.8rem; 
    text-align: center;
}



footer a{
    text-align: center; 
    color: #91d7cf
}

.footer1 {
text-align: center;
background:white;
padding : 10px 10px 10px 10px;
}

a {margin-right: 10px;
margin-left: 10px;
}

.legal {
background: #01283e;
padding : 10px 0px 10px 0px ;
}


.materias {
    background:#ffffff ;
    padding : 30px 30px 30px 30px;
}

.azu {
    margin: auto;
    display: block;
}



.logo{
    width: 70%; height: 70%;
    margin: auto;
    display: block;
}

.cursadas {
        display: block;
        list-style-type: disc;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 40px;
           
    }

.cursadas ul ul {
    padding-top: 40px;
}



.menu {
    background: #3b605b;
    text-align: center;
    padding: 10px 0px 10px 0px;
    
}

a:hover {
    background: white;
    padding: 8px
}

.nombres:hover {
    background:#7dbab2;
    padding: 5px;
}

.int {
    text-align: center;
}

.sobremi {
    text-align: left;
    color:#003554;
    padding: 0px 0px 0px 85px
}

.links a{
    text-align: left;
    color: #003554;
    padding: 0px

}

p{
    padding: 0px 85px 0px 85px
}

.socialmedia:hover{
    background: white;
    padding: 5px
}

.links{
    padding: 0px 0px 0px 85px
}



.datosacademicos{
    color: #3b605b;
    text-align: left;
    padding: 0px 0px 0px 85px
}


.uba{
    text-align: left;
    padding: 0px 0px 0px 85px
}

.fadu{
    text-align: left;
    padding: 0px 0px 0px 85px
}

.masinfo{
    text-align: left;
    padding: 0px 0px 0px 85px
}

.ocampo{
    text-align: left;
    padding: 0px 0px 0px 100px  
}

.imagenes img{
    width: 60%; height: 60%;
    padding-bottom: 10px ;
    padding-top: 10px;
}

.imagenes {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    padding: 0px 0px 0px 85px
    
}





/* Versión grande*/

@media (min-width: 576px){
    .cursadas {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-evenly;
            align-items: stretch;
            align-content: flex-end;
        }

    .logo{
            width: 30%; height: 30%;
        }

     .imagenes {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-evenly;
            align-items: stretch;
            align-content: flex-end;
            padding-inline-start: 0px;
        }

    .imagenes img{
        width: 40%; height: 40%;
        padding: 0px 0px 0px 0px
    }
      
      
    }