@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;600&display=swap');

* {margin: 0;
padding: 0;
border: 0;
box-sizing: border-box;
}

.html{
    scroll-behavior: smooth;
}

header{
    background-color: #38a3a5;
    padding: .5em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

nav{
    display: flex;
    margin-right: 1em; 
}

#logo-img{
    width: 6em;
    margin: 0.8em 1em .2em 1em;
}

#fadu, #dgpc, #equipo, #zoe, #barbi, #mili{
    text-decoration: none;
    font-weight: 400;
    font-size: .6em;
    color: #C7F9CC;
    background-color: #22577A;
    border-radius: 1em;
    display: block;
    margin: .2em;
    padding: .2em;
}

a:hover{
    background-color: #C7F9CC;
    color: #38a3a5;
}

ol,ul{list-style: none;
}

body{
    text-align: center;
    font-family: 'Jost', sans-serif;
    background: linear-gradient(90deg, #80ED99,#57CC99 );
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'header'
                         'main'
                         'footer';
}

h1{
    font-weight: 600;
    font-size: 15px;
    color: #22577A;
    margin: .5em;
}


.presentacion{
    color: #22577A;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 1em;
    background-color: rgba(199, 249, 204, 0.5);
    margin: 1em 6em;
}
.presentacion p{
    font-size: 10px;
    margin-bottom: .2em;
    font-weight: 400;
}

#mifoto{
    max-width: 100%;
    height: auto;
    border-radius: 1em;
}

figure{
    border-radius: 1em;
    width: 90%;
}

h2{ /*Carrera*/
    margin: .3em 0.5em;
    color: #38a3a5;
    background-color: #22577A;
    padding: .1em;
    border-radius: 1.5em;
    font-size: 1em;
    font-weight: 600;
}

#materias-aprobadas, #materias-en-curso{
    color: #C7F9CC;
    background-color: #38a3a5;
    margin: .4em .9em .1em .9em;
    padding: .1em;
    border-radius: 1.5em;
    font-size: 1em;
    font-weight: 400;
}

.primero, .segundo, .tercero{
    margin: 0.5em 1.3em;
    padding: 1em;
    background-color: rgba(199, 249, 204, 0.5);
    border-radius: 2em;
    color: #38a3a5;
    font-weight: 300;
}
.primero li, .segundo li, .tercero li{
    padding: auto;
    margin: 0 0.2%;
    display: block;
    color: #22577A;
    font-weight: 300;
    font-size: small;
}

.materias-curso{
    margin: 0.5em 1.3em;
    padding: 1em;
    background-color: rgba(199, 249, 204, 0.5);
    border-radius: 2em;
    color: #38a3a5;
}

.materias-curso li{
    padding: auto;
    margin: 0 0.2%;
    display: block;
    color: #22577A;
    font-weight: 300;
    font-size: small;
}

.tarea h3, .tarea figure{
    margin: 1em 0px 1em;
}

.tarea{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#tarea{
    color: #C7F9CC;
    background-color: #22577A;
    margin: 1.5em 3em 0.1em 3em;
    padding: 0.5%;
    border-radius: 1.5em;
    font-weight: 400;
    font-size: 1em;
}

#fotoweb, #fotocelu{
    width: 70%;
}

#foto-web, #foto-celu{
    max-width: 100%;
    height: auto;
}

footer p{
    margin: 3em 0 0 0;
    padding: 1.5%;
    background-color: #22577A;
    color: #C7F9CC;
    font-weight: 300;
    font-size: small;
}