body{
   background-color: hsl(54, 100%, 69%);
   font-family: Arial, Helvetica, sans-serif 
}


header{
/*width: 70%;*/
margin: 2%;
background-color: hsl(59, 100%, 81%);
width: auto;
height: 5em;
border-radius: 20px;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
display: flex;
}

#logopng{
width: auto;
height: 3em;
position: auto;
margin: 10%;
}

.menu {
list-style: none;
display: flex;
width: auto;
height: auto;
}

.menu li {
margin: 0 10px;
}

.menu li a {
text-decoration: none;
color: black;
padding: 10px 20px;
background-color: hsl(54, 100%, 69%);
border-radius: 20px;
transition: background-color 0.3s;
height: auto;
width: auto;
}

.menu li a:hover {
background-color: white
}

.container2{
margin: 2%;
font-weight: bold;
background-color: hsl(59, 100%, 81%);
border-radius: 20px;
}

h3 {
   text-align: center;
}

.navmenu {
list-style: none;
padding: 40px 0;
position: center;
}

.navmenu li {
border-radius: 30px;
padding: 1em .5em;
text-align: center;
text-justify: center;
}

.navmenu li a {
text-decoration: none;
color: black;
padding: 10px 20px;
transition: background-color 0.3s;
border-radius: 20px;
background-color: hsl(54, 100%, 69%);
}

.navmenu li a:hover {
background-color: white;
}

#prototipo {
max-width: 96%;
height: auto;
display: flex;
margin: 2%;
border-radius: 20px;
}

.prototipo {
text-align: center;
}

.container3{
/*width: 70%;*/
background-color: hsl(59, 100%, 81%);
border-radius: 20px;
position: center;
margin: 2%;
text-align: center;
}

h2 {
text-align: center;
}

#camila{
border-radius: 50%;
width: auto;
height: 14em;
}


.container4{
background-color: hsl(59, 100%, 81%);
border-radius: 20px;
text-align: center;
margin: 2%;
}

.histaca {
list-style: none;
}


.container5{
width: 78em;
position: auto;
top: 12%;
text-align: left;
display: flex;
}

.datoaca {
list-style: none;
}

.container6{
width: 78em;
position: auto;
text-align: left;
display: flex;
} 

.datofadu {
list-style: none;
}


.container7{
background-color: hsl(59, 100%, 81%);
border-radius: 20px;
text-align: center;
margin: 2%;
}

.dgpc {
list-style: none;
text-align: left;  
}

.datocuatri {
list-style: none;
text-align: left;
}

.container8{
/*width: 70%;*/
background-color: hsl(59, 100%, 81%);
border-radius: 20px;
text-align: center;
margin: 2%;
} 

.piedepag {
list-style: none;
}