body {background-color: #ffffff;}

html {font-size: 16 px; 
    text-decoration: none; 
    list-style-type: none; 
    margin: 0; 
    font-family:'Montserrat', sans-serif;
}

ul li a {text-decoration:none; color: white;}
ul li a:visited {text-decoration: none; color:white;}
ul li a:hover {color: deepskyblue; font-weight: bold;}

ul li {
    text-decoration: none;
    list-style-type: none;
    display: inline;
    margin-top: 2rem;
    margin-right: 2rem;
    font-family: 'Rajdhani', sans-serif;font-weight: bold;
    border-right: 2px solid;
    padding-right: 2rem;
    border-color: #ffffff;
 }

.lista {background-color: black;
          padding: 0.3rem 0 0.3rem 0;
          text-align: center;
 }

a {text-decoration:none; color: #4b4a4a;}
a:visited {text-decoration: none; color:deepskyblue;}
a:hover {color: whitesmoke}

h3 {
    font-size: 1rem;
    color: #fff;
    text-align: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
    display: block;
    font-weight: bolder;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

h3:hover {color: deepskyblue}

h1 {
    font-size: 2rem;
    color: black;
    text-align: center;
    margin-bottom: 1rem;
    margin-top: 2rem;
    display: block;
    font-weight: bold;
}

h2 {
    font-size: 0.8rem;
    color: dimgrey;
    text-align: center;
    margin-bottom: 5rem;
    margin-top: 0rem;
    display: block;
    font-weight: bold;
}

.p {
    font-size: 1rem;
    color: dimgrey;
    text-align: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
    font-weight: lighter;
    margin-left:17rem;
    margin-right: 15rem;
}

.foto {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 3rem;
}

.foto {
    background: url(../img/pattern.png);
}

.foto img:hover {opacity: 0.2;}

.foto img  {
    border-radius: 40rem;
    }
    

.datos {display: flex; justify-content: space-around;
            background-color: #000;
        color: #ffffff;
        }

.materias {
    display: flex;
    justify-content: space-between;
    margin-left:14rem;
    margin-right: 15rem;
    margin-bottom: 5rem;
    margin-top: 3rem;
    font-size: 1rem;
    color: grey;
}


footer {color: #020202;
        font-size: 0.8rem;
        padding: 1rem 2rem 1rem 2rem;
}

    
    .lista {text-align: center;}
    
    
    .alumnos article a img {width: 60%;}
    
   
}

.datos {display: flex; 
        justify-content: space-around;
        background-color: #000;
        color: #ffffff;
        }