* {padding:2px;
    margin:0px;
    box-sizing: border-box;
    color: aliceblue;
    font-family: 'Montserrat', sans-serif;}

@font-face{font-family: 'Montserrat', sans-serif;}

body{background-color:black;}


header{background-color:#E60073;
    left: 0;
    top:0;
    max-height: inherit;
    width: 100%;
    display: flex;
    }


h1{font-size: 45px;
   font-weight: 700;
   background-color:#E60073;
    padding-left: 1.6em;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   }

#logo{padding-left: 60px;
padding-bottom: 0px;
height: auto}

a {text-decoration: none;}

.vinculos ul{padding-top: 0.3rem;
            padding-bottom: 0.3em;
            justify-content: space-around;
            display: flex;
            list-style: none;
            background-color: darkred;
            font-size: 18px;
            }


.vinculos a:hover{ color:yellow;
                   }
.alumnos ul{padding-top: 0.3rem;
            padding-bottom: 0.3em;
            justify-content: space-around;
            display: flex;
            list-style: none;
            font-size: 18px;
            }
.alumnos li{background-color: }
.alumnos p:hover{ color:gray;
                  background-color: darkslategray;
                   }





.alumnos ul{
         list-style: none;
         padding-left: 0;
         text-decoration: none;
    list-style: none;
    justify-content: center;
    text-align: center;
    font-size: 1em;
    margin: 2em;}

    








footer{background-color: aliceblue;
    display: flex;
    align-items: center;
    color: black;
    width: 100%;
   }

#pie{color: black;
    padding-top: 2em;
    padding-left: 2em;
    letter-spacing: 0.8em }

#copy{color: black;
    font-size: 0.6em;
    padding-left: 3.2em}




.letrapie{justify-content: center;
            align-content: center;
            color: black}



.info{color: #ededec;
    background-color: #333333 ;
    margin-top: 1em;
    padding: 2em;
    margin-bottom: 3em;
    text-indent: 2em;
}

.contenedor{display: flex;
    justify-content: center;
    align-content: center;}



.info>*:not(h2){text-align: left;}

h2{text-align:center;
    margin-bottom: 0.5em;
    font-size: 3em;
    background-color: #333333 ;}


.info1{
      padding-right: 3em
        
    
    
    
}

#integr{padding-left: 2em;}

.contenedor{width: 100%;
            
            }

.opcion1,
.opcion2{width: 48%;
display: flex;
align-content: center;
    justify-content: center}


.fondo {background-color: #333333 ;
       margin-bottom: 4em;
        padding: 2em}