*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body{
    background-color: #9ad9c8;
    margin: 0%;
}
header #logo{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: initial;
}

#logo{
    background-color: #1ca697;
    margin: 0 0 1em 0;
    padding:.5em;  /*  esto va en cada caja para su margen interno igual en todas*/
    border-color: #1ca697; 
    /* border-style: inset ; */
    /*border-radius: 1em;*/
    text-align: center;
}

#logo img{
    background-color: #f2f2f2;
}
ul{
    list-style: none;
    margin: auto;
    display: flex;
    flex-direction: row;

}
/* cormorant infant*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital@1&display=swap');
/* truculenta*/
@import url('https://fonts.googleapis.com/css2?family=Truculenta:wght@700&display=swap');
h1{
    display: block;
    margin: auto;
    text-align: center;
    font-family: 'Truculenta', sans-serif;
    font-weight: 700;
    font-size: 1.5em;
    color: #262626;
    background-color: #FFFFFF;
    width: auto;
    margin-bottom: .3em;
    margin-top: .3em;
    border-radius: .3em;
    box-shadow: .2em .2em .2em #1ca697;
}
.cursadas li{
    margin: auto;
    font-family: 'Cormorant Infant', serif;
    font-weight: 600;
    font-style: normal;
}
.cursando li{
    margin: auto;
    font-family: 'Cormorant Infant', serif;
    font-weight: 600;
    font-style: normal;
}
.datos>ul{
    padding: 0;
    display: block;
    margin: auto;
    text-align: center;
}
#links h4{
    margin-bottom: .3em;
}
.aclaraciones{
    display: block;
}
header nav ul li a{
    align-items: center;
    text-decoration: none;
    background-color: #9ad9c8;
    text-align: center;
    color: #f2f2f2;
    display: none;
    padding: .3em;
    width: 8em;
    font-family: 'Truculenta', sans-serif;
    list-style: none;
    border-radius: .5em;
    box-shadow: .3em .3em .3em #595959;
}
header nav ul li a:hover{
        background-color: #f28a4f;
        width: 12em;
}
main h2{
    text-align: center;
    display: block;
    color: #595959;
    font-family: 'Truculenta', sans-serif;
    background-color: #f2f2f2;
}
.alumno figure img{
    display: block;
    text-align: center;
    margin: auto;
    width: 80%;
    height: auto;
    padding: 1em;
}
#materias ul{
    display: block;
    text-align: center;
}
#materias h3{
    color: #262626;
    font-family: 'Truculenta', sans-serif;
    background-color: #f28a4f;
    text-align: center;
}
.datos h2{
    text-align: center;
    color: #262626;
    background-color: #f28a4f;
    font-family: 'Truculenta', sans-serif;
}
#rotulos{
    margin-bottom: .5em;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#rotulos>h3{
    width: 100%;
    display: flex;
    background-color: #f28a4f;
    flex-direction: row;
    justify-content: center;
    font-family: 'Truculenta', sans-serif;
    font-size: 1.5em;
    color: #262626;
}
#rotulos .estudiante{
    margin: .2em;
}
.estudiante>h3{
    font-family: 'Truculenta', sans-serif;
    color: #262626;
}
.estudiante p{
    font-family: 'Cormorant Infant', serif;
    font-weight: 400;
    font-style: normal;
    margin: .5em;
}
.estudiante figcaption>a{
    text-decoration: none;
    font-family: 'Truculenta', sans-serif;
    color: #FFFFFF;
    background-color: #1ca697;
    border-radius: .3em;
    padding: .2em;
}
.estudiante figcaption>a:hover{
    background-color: #f28a4f;
    box-shadow: 0em .3em .3em 0em #595959;

}
#rotulos img{
    width: 8em;
    height: auto;
    border-radius: 15%;
    background-color: #1ca697;
    padding: .4em;
    box-shadow: .2em .2em .2em 0em #595959; 
}

#links h4 a{
    text-decoration: none;
    color: #f2f2f2;
    background-color: #f28a4f;
    width: 50%;
    text-align: center;
    margin: auto;
    display: block;
    font-family: 'Truculenta', sans-serif;
    border-radius: 1em;
}
#links h4 a:hover{
    border-radius: 2em;
    width: 70%;
    background-color: #1ca697;
}
.alcaraciones{
    display: block;
}
.aclaraciones>li{
    font-family: 'Cormorant Infant', serif;
    font-weight: 600;
    color: #595959;
}
.datos h4{
    font-family: 'Cormorant Infant', serif;
    font-weight: 700;
    font-weight: bold;
}

/* imagenes de los datos*/
.uba img{
    width: 8em;
    height: auto;
}
.fadu img{
    width: 15em;
    height: auto;
}
.dgpc img{
    width: 8em;
    height: auto;
}
footer{
    background-color: #1ca697;
    color: #f2f2f2;
    margin: 0;
    padding: 1em;
    font-family: 'Cormorant infant', serif;
    font-style: italic;
    font-weight: 300;
}
@media screen and (min-width: 720px){
    .alumno figure>img{
        display: block;
        text-align: center;
        margin: auto;
        width: 250px;
        height: 250px;
        padding: 0;
    }
    h1{
        display: block;
        margin: auto;
        text-align: center;
        font-family: 'Truculenta', sans-serif;
        font-weight: 700;
        font-size: 1.5em;
        color: #262626;
        background-color: #FFFFFF;
        width: 15em;
        margin-bottom: .3em;
        margin-top: .3em;
        border-radius: .3em;
        box-shadow: .2em .2em .2em #1ca697;
    }
    #links h4 a{
        text-decoration: none;
        color: #f2f2f2;
        background-color: #f28a4f;
        width: 10em;
        text-align: center;
        margin: auto;
        display: block;
        font-family: 'Truculenta', sans-serif;
        border-radius: 1em;
    }
    #links h4 a:hover{
        border-radius: 2em;
        width: 11em;
        background-color: #1ca697;
    }
    /* imagenes de los datos*/
    .uba img{
        width: 8em;
        height: auto;
    }
    .fadu img{
        width: 15em;
        height: auto;
    }
    .dgpc img{
        width: 8em;
        height: auto;
    }
    .datos>ul{
        padding: 0;
        display: flex;
        margin: .3em;
        justify-content: space-evenly;
        align-items: flex-start;
    }
    .datos>ul>li{
        width: 25%;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }
    .aclaraciones{
        display: block;
    }
    #rotulos{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    #rotulos>h3{
        width: 100%;
        font-family: 'Truculenta', sans-serif;
    }
}
@media screen and (min-width: 900px){
    header nav ul li a{
        align-items: center;
        text-decoration: none;
        background-color: #9ad9c8;
        text-align: center;
        color: #f2f2f2;
        display: block;
        padding: .3em;
        width: 8em;
        font-family: 'Truculenta', sans-serif;
        list-style: none;
        border-radius: .5em;
        box-shadow: .3em .3em .3em #595959;
    }
    header nav ul li a:hover{
            background-color: #f28a4f;
            width: 12em;
    }
    #materias{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #materias .cursando{
        margin: .5em;
    }
    #materias .aprobadas{
        margin: .5em;
    }
    #materias .cursadas{
        margin-right: 1em;
    }
    #materias .encurso{
        margin-left: 1em;
    }
}