@import;

*{
    font-family: 'Raleway', sans-seri;
    margin: 0px;
}

.filaAlumnos{
    width: 20%;
    float: left;
    margin: 2%;

}

.alumno{
    width: 100%;
    float: left;
    padding: 20px 0px;
    text-align: center;
    border-radius: 50%;
}

.nombreAlumno{
    font-size: 1rem;
    margin-bottom: 0.8rem;
    color: #000;
}

.carrera{
    font-size: 0.8rem; 
    color: darkgrey;
}

.tiempo{
    font-size: 0.8rem;
    color: darkgrey;
}

.docente{
    width: 100%;
    float: left;
    padding: 20px 180px;
    text-align: center;
    border-radius: 50%;
}

a{
    color: #000;
    text-decoration: none;
}

section{
    display: table;
    width: 80%;
    margin: 5em auto;
}

.titulo-seccion{
    text-align: center;
    color: #000;
    font-size: 2em;
    margin-bottom: 0.5em;
}

.line-title{
    border: 1.5px solid darkgrey;
    width: 4em;
    margin: 0 auto;
    margin-bottom: 2.5em;
}

.div-foto{
    width: 7em;
    border-radius: 50%;
    height: 7em;
    margin: 0 auto;
    margin-bottom: 1rem;
    background-size: cover;
    border-radius: 55%;
}

.alumno1 .div-foto{
    background-image: url(img/melina.png);
}

.alumno2 .div-foto{
    background-image: url(img/matias.png);
}

.alumno3 .div-foto{
    background-image: url(img/agustin.png);
}

.alumno4 .div-foto{
    background-image: url(img/diego.png);
}

.parrafo-gris{
    color: #000;
    text-align: center;
}

.parrafo{
    color: #FFF;
    padding: 3em 6em;
    text-align: center;
}


footer{
    background: #4dccbd; 
}