@charset "utf-8";

/* reglas generales */
body {
    background-color: #d6d6ff;  
    padding: 3em;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    
}

#avatar {
	margin: 0;
    display: inline-grid;
    border: 8px solid #572883;
    position: relative;
     
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    
}

header {
    background-color: #572883;
    background-position: center;
    padding-left: 0em;
    margin-left: 0em;
    padding-top: 1em;
    margin-top: -1.2em;
    padding-bottom: 1em;
}

#menu ul li{
    display: inline-block;
    }

#menu ul li a{
    padding: 20px;
    
}

#menu ul li a:hover{
    background-color: #b8b8e2;
    
    
}

/* inicio */
a {
    text-decoration: none;
    color: white;
    font-size: 01em;
    

}

/* boceto */
figure {
    margin: 0;
    padding: 0;
    max-width: 30em;  
}

aside {
    
    color: #572883;
    padding-left: 0em;
    margin-left: 0em;
    padding-top: 1em;
    margin-top: -1.2em;
    padding-bottom: 3em;
}

h4 {
    font-style:oblique;
    font-weight:bolder;
}

footer {
    
    color: white;
    background-color: #572883;
    background-position: center;
    padding-left: 1.6em;
    margin-left: 0em;
    padding-top: 0.7em;
    margin-top: -1.2em;
    padding-bottom: 1em;
    
    
}

p {
    padding: 0 2em 0 0;
}


    

/* primera parte para el celular */



/* segunda parte para escritorio */