*{margin:0; padding: 0; box-sizing: border-box;}
body{
    font-family: 'Gayathri', sans-serif;
    text-align: center;
    background:#141414;
    }
header{
    padding: 2.5rem 0rem 0;
    }
h1{
    color:#f7f7f7;
    align-self: center;
    margin: 1rem;
    font-size: 24pt;
    font-family: 'Syne Tactile', cursive;
    font-weight: 100;
    letter-spacing: 0.2pt;
    }
nav {
    color:#f7f7f7;
    margin: 1rem ;
    font-size: 1.4rem;
    font-family: 'Syne Tactile', cursive;
    }
nav ul li{
    display: inline-block;
    margin: 1rem 1rem;
    }
nav ul li a{
    color: #f7f7f7;
    text-decoration: none; 
    padding: 0.6rem;
    }
.link-activo{
    background: #f7f7f7;
    color: #141414;
    }
main{
    justify-content:center;
    margin:  0 0 2rem;
    }
h2{
    color: #f7f7f7;
    margin: 2rem 0 1rem;
    font-size: 22pt;
    letter-spacing: 1pt;
}
.materias{
    display: flex;
    justify-content: space-around;
    margin: 0 4% 0 4%;
    font-size: 1.1rem;
    }
.primero{
    width: 30%;
    background:#f7f7f7;
    padding: 1.5rem 1.5rem 1.8rem 1.5rem;
    line-height: 17pt;
    border-radius: 0.9rem;
    }
.primero h3{
    padding: 0 0 0.5rem;
}
.segundo{
    width: 30%;
    background:#f7f7f7;
    padding: 1.5rem 1.5rem 1.8rem 1.5rem;
    line-height: 17pt;
    border-radius: 0.9rem;
    }
.segundo h3{
    padding: 0 0 0.5rem;
}
.tercero{
    width: 30%;
    background:#f7f7f7;
    padding: 1.5rem 1.5rem 1.8rem 1.5rem;
    line-height: 17pt;
    border-radius: 0.9rem;
    }
.tercero h3{
    padding: 0 0 0.5rem;
}
aside{
    display: flex;
    justify-content: center;
    margin: 2rem;
    }

.grupo{
    display:flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
    background:#f7f7f7;
    padding: 1.5rem 1.5rem 1.8rem 1.5rem;
    line-height: 18pt;
    margin: 0 15%;
    border-radius: 0.9rem;
    
        }
.grupo h3{
    padding: 0 0 0.4rem;
    }
.integrantes{
         display: flex;
}
.alumno1{display: flex;
         flex-direction: column;
        align-items: center;
       justify-content: ;
        margin: 0 2rem;}

.alumno1 img{margin: 1rem 0;
             width: 150px;}


.grupo a{text-decoration: none;
         color:#141414;
         padding: 0.2rem;}
.grupo a:hover{
    padding: 0.2rem;
    background: #141414;
    color: #f7f7f7;
    }
.universidad{
    width: 40%;
    background:#f7f7f7;
    padding: 1.5rem 1.5rem 1.8rem 1.5rem;
    line-height: 18pt;
    margin: 0 1.6%;
    border-radius: 0.9rem;
    }
.materia{
    width: 40%;
    background:#f7f7f7;
    padding: 1.5rem 1.5rem 1.8rem 1.5rem;
    line-height: 18pt;
    margin: 0 1.6%;
    border-radius: 0.9rem;
    }
footer{
    margin: 2.5rem 20% 1rem;
    }
footer a{
    text-decoration: none;
    color: #f7f7f7;
    font-size: 1.3rem;
    font-family: 'Syne Tactile', cursive;
    }
footer a:hover{
    padding: 0.2rem;
    background: #f7f7f7;
    color: #141414;
    } 
footer p{
    color: gray;
    font-size: 0.9rem;
    align-self: center;
    margin: 0.5rem;
    }