@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@charset "utf-8";
  * {
        background-color:rgb(255, 245, 248);
            box-sizing:border-box;
        color:rgb(255, 103, 144);
      font-size: 80%;
      list-style: none;
list-style-position: 0em; 
}


body { font-family: 'Raleway', sans-serif; 
    background:url 
}



header nav ul li a {
    text-decoration: none;
    background-color: rgb(255, 127, 162);
    color: white;
    
    font-weight: normal;
    font-size: 1rem;
    text-align: center;
    
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 40px;
    width: 182px;
    align-content: center;
    
    
       
}

header nav ul {
    

    display: flex;
    align-content: center;
    text-align: center;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: center;
    padding-right: 0em;
    padding-left: 0em;
    align-content: center;
    align-items: center;
}

header nav ul li a:hover {
    
    color:rgb(255, 127, 162);
    font-weight: bold;
    background-color: rgb(255, 230, 237);
    text-align: center;
    
}



h1 {
    text-decoration: none;
    font-size: 2rem;
    color: rgb(208, 158, 255);
    
    display: block;
    text-align:left;
    padding: .5rem;
    font-weight: 700;
}


h2 {
    text-decoration: none;
    background-color: rgb(255, 182, 202);
    color: rgb(255, 230, 237);
    display: block;
    text-align:center;
    border-radius: 30em;
    
    padding: .5rem;
    font-weight:700;
    font-size: 1.5rem;
   
}

h3 { font-weight: 700;
    text-align: center;
border-radius: 30em;
font-size:0.7em;
    color:rgb(255, 245, 248);
    background-color: rgb(237, 218, 255);
}


#logo {
text-align: center;
    padding: .5rem;
}

#foto {
    text-align: left;
    padding: 2em
    
}



footer {font-size: 1rem;
    color:rgb(255, 127, 162);
    text-align: justify;
    font-size: 1.1em;
background-color: rgb(255, 224, 218);
    border-radius: 1em;
    display: block;
    margin: 0em;
    font-style: italic;
  
}
ul{ 
margin:0; 
padding:0; 
    
        font-size:1.7rem;
     
text-align: left;
     color: rgb(127, 186, 255);
    
}

ul a:hover{
    color: rgba(216, 0, 255, 0.68);
}

@media screen and (max-width:25em) {
   
    
    * {
        background-color: rgb(247, 235, 255);
        font-size: 80%;
      list-style: none;
list-style-position: 0em; 
        color: rgb(154, 172, 212);
    }
    
   
    
    header nav ul {
        
      background-color: rgb(237, 218, 255);
        display: flex;
        flex-direction: column;
        background-color: ;
       
        height: 200px;

    margin-left: auto;
    margin-right: auto ;
           
        
    }
    
    header nav ul li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: rgb(237, 218, 255);
    
    }
    
    header nav ul li {
        text-align: center;
        display: flex;
        justify-content: center;
        align-content: center;
    
        
    }

    


    
#logo img {
        background-color: rgb(230, 255, 255);
    text-align: center;
        margin-left: auto ;
    margin-right: auto ;
    }
    








header nav ul li a:hover {
    font-weight: bold;
    background-image: url(https://i.pinimg.com/originals/dd/a1/61/dda1619b09c1673883469f40c61f6b7c.png);
/*    background-color:rgba(184, 132, 255, 0.76); */
    color:rgb(179, 126, 229);

}



footer {
    color:rgb(208, 158, 255);
}



    
     html h2 { color: rgb(255, 245, 248);
    background-color: rgb(208, 158, 255);
        padding-left: 1.5em
    }
    
    html h3 { rgb(255, 245, 248);
        background-color: rgb(237, 218, 255);
    
    }

#datosacademicos li p {font-size: 1em;
    color: rgb(208, 158, 255);
    font-weight: 500;
    }
    
    
    
    
    
    
    
    
    
    
    

}