*{
    box-sizing: border-box;
    margin: 0em;
    padding: 0em;
    list-style: none;
    
}

body {
    background-color: rgba(129, 141, 201, 0.39);
   
}

main{
    margin: 1.3em;
    padding: .30em;
    display: flex;
    flex-direction: column;
}

header {
    background-color:rgba(51, 25, 136, 0.38);
    width:100%;
    height: 4em;
    margin: 0em;
    padding: 1em;
    font-size: 12pt;
    
    display: flex;
    justify-content:space-between;
    align-items:center;
    
}
nav {
    color: white;
    width: 100%;
    display: flex;
    justify-content:  flex-end;  
    
}

header nav ul {
    font-style: black;
    color: white;
    list-style:none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    
}

header ul li {
    width: 100%;
    height: 3em;
    margin: 0.em;
    display: flex; 
    align-items: center;
    justify-content: center;
    

}


header nav ul li a {
    font-family: sans-serif;
     color: #ffffff;
    text-decoration: none;
    font-size: 10pt;
    background-color: #331988;
    margin: 0.2em;
    padding: 0.2em;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80%;
    width: 100%
}



h1 {
     font-family: sans-serif;
    background-color: #331988;
    width: 100%;
    color: white;
    font-size: 14pt.;
    padding: 0.50em;
    text-align: center;
}
p1 {
     font-family: sans-serif;
    color: black;
    padding: 0.em;
    margin: 1.em;
    font-size: 10pt.; 
    }


h2 {
    font-family: sans-serif;
    background-color: #331988;
    color: white;
    font-size: 1.4em; 
    padding:  0.3em 1em;  
}

h11 {
font-family: sans-serif;
    background-color: #331988;
    color: white;
    font-size: 1em; 
    padding: 0.3em;  
    width: 100%;
    

}

p10 { color: black;
      font-style: italic; 
    font-size: 0.70em;
   padding: 0.3em;
    margin:0em 2em 2em 2em;
    display: flex;
    flex-direction: column;
    text-align: center;
 
}

p11 {  font-family: sans-serif;
    color: black;
    padding: 0.em;
    margin: 1.em 1em 1em 1em;
    font-size: 0.4em;
    text-align: center;
}



ul {
    font-family: sans-serif;
     padding: 0.02em;
    font-size: 1em;
    text-decoration:none; 
    color: white;
    list-style:none;
}


aside {
     background-color: rgba(202, 208, 240, 0.39);
   color: white;
    padding: 0em;
    font-size: 1.2em;
    width: 100%;
    }

body aside p1 {  
    font-family: sans-serif;
    padding: 0.3em;
    margin:0em;
    background-color: #331988;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    
}

section ul {
    margin: 0.5em;
    font-size: 12pt;
    font-style: 
}



footer {
    background-color: #ebebeb;
    font-family: sans-serif;
    padding: .5em 1em;
    font-size: 0.8em;
    font-style: italic;
    display: flex;  
    align-items: center;
   
}

footer img{
    padding: .5em;
    width: 5em;
}

.foto {
 height: 50%;
    width: 50%;  
    margin-left: 50%;
  margin-right: 50%;
    
    
      
}



p7 {  font-family: sans-serif;
    background-color: rgba(75, 42, 183, 0.86);
    color: aliceblue;
    font-size: 1.5em;
    padding: 0.25em 0.24em 0.24em 0.24em;
  text-align: center;
    
    
}

p2 {
    font-family: sans-serif;
    background-color: rgba(177, 154, 255, 0.91);
    font-size: 1.2em;
     padding: 0.25em 0.24em 0.24em 0.24em;
    
}

p3 {
    font-family: sans-serif;
    background-color: rgba(221, 210, 255, 0.85);
    font-size: 0.90em;
     padding: 0.25em 0.24em 0.24em 0.24em;
    
}
    

section ul{
    padding: 1em;
}

section ul li{
    padding: .5em;
}

section ul li a{
    font-weight: bold;
    color: blue;
}