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

body {
    font-family: "montserrat";
    background-color: rgb(255, 245, 249);  
}

header,
footer { background: #000000;
    
}

header { padding: 1em;
}

img {
    width:150px;
    height:150px;
}

ul {
    list-style: none;
    
}

nav {
    display: block;
}

header nav ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content:center;
}

header nav ul li {
    padding: .1em;
    margin: .1em;
    
}

a { text-decoration: none; }

header nav ul li a {
    background-color: #DDA0DD;
    border-radius: .30em ;
    color: white;
    font-weight: bold;
    padding: .30em .5em;
}


h1 { 
    margin-top: 1em;
    text-align: center;
    color: #DDA0DD;
    font-size: 25px;
    margin: 1em
}

#alumna {
    background-color: #ededed;
    margin: 2em 2em 4em 5em;
    padding: 0.5em;
    width: 14em;
    text-align: center;
   border-radius:2em;
}

#perfil {
    border-radius: 5%;
    width:75%;
    margin: 0 0 0.5em;
}

h2 {background: #DDA0DD;
    border-radius: 0.30em;
    color: white;
    text-align: center;
    font-family: "montserrat";
    font-size: 1em;
    justify-content: center;
    padding: 1em;
    margin-bottom: 1em; }

h3 {  text-align: center; color: #DDA0DD;
    font-size: 1em
    
}
.boton {
    background-color: #DDA0DD;
    color: white;
    margin: 1em;
    padding: .5em;
    text-align: center;
    border-radius: .50em;   

}
p { margin-bottom: 1em;
padding-bottom: 1em;
color: black;
text-align: center;
}


.materias {
    display:flex;
	flex-direction:row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: center;
    padding: 1em;
    margin: 1em;
    font-family: "montserrat";
    font-size: 20px;
 }

.materias p {
    font-family: "montserrat";
    font-size: 15px;
    color: #DDA0DD;
    text-align:center;
    margin: auto
    
}

.niveles {
    text-align: center;
    padding-bottom: 1em;
    padding-right: 0.5em;
    padding-left: 0.6em;
    padding-top: 2em;
    margin:1em;
    border-radius:2em;
    border:2px solid #DDA0DD;
    width: 15em;
    
}

.niveles1{
  text-align: center;
    padding-bottom: 1em;
    padding-right: 0.5em;
    padding-left: 0.6em;
    padding-top: 2em;
    margin:1em;
    border-radius:2em;
    border:2px solid #DDA0DD;
    height: 15em;
    width: 15em;
}


#logoDGPC {
    width: 5em;
    height: 3em;
    margin: 1em;
    background-color: #FFF8DC;
    
}


#ubafadu img {
    width: 20em;   
}

#ubafadu p{
    text-align:left;
    font-family: "montserrat";
    padding: 0em;   
}

#dgpc img {
    width: 15em;   
}

#dgpc p{
    text-align: left;
    padding: 0em;
    font-family: "montserrat";}

.imgRedondados {
    width:100px;
    height:100px;
    border-radius:50px;
    border:3px solid #DDA0DD;
    display:flex;
    margin: .5rem;
}

.alumnas {
    display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: center;
    text-align: center;
    padding: 2em;
    margin: 1.5em;
    font-family: "montserrat";
    color: #DDA0DD;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
 }

#datosacademicos {
    background-color: #DDA0DD;
    justify-content: center;
    padding: 1em;
    
}

#datosacademicos p {
    text-align: left;
    text-transform: none;
    font-family:  "montserrat";
    margin: 1em;
    font-size: 13px;
}

.destacados {
    font-weight: bold;
}


footer p {
    text-align: center;
    color: white;
    font-size: 12px;
    padding: 1em;
    font-family: "montserrat";
}

@media screen and (min-width: 1440px){
    
    
    #datosacademicos div {
        display: flex;
    }
    #datosacademicos p {
        text-align: left;
        margin: .5em;
    }
    
    .logouba {text-align:left;
    font-family: "montserrat";
    padding: 0em;
    }
    
    .logodgpc {
        margin-right: 1em;
        max-height: 50%;
    }
}