@charset "utf-8";


* { box-sizing: border-box; }

  

/* reglas generales */

body{ 
    color:#6A4E92;
    background-image: linear-gradient(180deg, #A9C9FF 0%, #FFBBEC 100%);
    font-family:'Raleway', sans-serif;
    font-size: 1.2em;
    width: 100%;
    
    
    }
    
    

img {
    max-width: 100%;
    height: auto;
   
    


    
}


header nav {
    width: 100%;
    display: flex;
	justify-content: space-around;
} 



header nav ul  {
    width: 100%;
    list-style: none;
    display: flex;
    justify-content:space-around;
    align-content: center;
    flex-wrap: wrap;
    margin:auto;
    padding: 4;
}

header nav ul li {
    flex-grow: 1;
    
}

header nav ul li a {
   display: block;
    text-decoration: none;
    color:white;
    font-size: 13px;
    padding: .5em 1em;
}


header li a:hover {
    background-color: #BECFFD;
}

#logo {
    max-width: 0em;
    min-width: 5em;
    margin: 10px;
    
    }



nav ul{ 
    list-style: none;
    background: #6A4E92;
    display: flex;
    justify-content: space-around;
    height: auto;
    padding: 1em;
    text-transform: uppercase;
    
     }

        
    
    
    
#avatar {
    width:200px; 
    height:215px;
    margin: 2em auto 2em auto;
    display: block;
    border-radius: 10em;
    box-shadow:5px 10px 10px #8099DC;
    
    }

    

    
        
}

.sobremi {
    text-align: center;
    font-size: 1em;
    padding: 1em;
  
    
}




    
h1 {
    text-align: center;
    font-size: 1.9em;
    color:white;
    font-family: 'Yeseva One', cursive;

   
}

h2 {
    font-style:normal;
    font-size: 1.4em;
    text-align: center;
    font-family: 'Yeseva One', cursive;
    background-color: white;
    border-radius: 2em;
    padding: 1em;
    margin: auto
   
}


h3 {
    font-style:normal;
    font-size: 1.4em;
    text-align: center;
    font-family: 'Yeseva One', cursive;
    background-color: white;
    border-radius: 2em;
    padding: 1em;
    margin: auto
    
}
    




   
h4 {
    text-decoration:underline;
    text-align: center;
    font-family:'Yeseva One', cursive;
    font-size: 1em
    
    
 }


section {
    padding: 0.2em;
    margin:auto  
 }



footer{
    background-color:white; 
    padding: 1em;
    font-size: 0.8em;
    text-align:center;
    margin:auto
    
   
    
    
}

*{
    text-align: center;
    list-style:none;
    
    
    
    
}