body {
font-family: "comic sans MS", "comic sans";
font-size: 20px;
color: rgb(100,50,160);
background-color: rgb(250,220,160);

}

.container {
background-color: rgb(220,160,250);
max-width: 800px;
margin: 0 auto;
}

p {
min-width: 10em;
}

a {
color: rgb(250,240,120);
text-decoration: none;
}

h1 {
text-align: center;
color: rgb(100,10,100);
padding: 10px;
margin-bottom: 0;
}


.header {
background-color: rgb(255,170,100);
margin: 0;
}

footer {
 text-align: center;
 padding: 20px;
 border-style: dotted;
 border-width: 10px;
 border-color: rgb(250,230,150);
 margin: 0;
}

details {
  user-select: none;
}

summary {
  display: flex;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}

  
#navbar {
  width: 100%;
  height: 100px;
  background-color: rgb(170, 50, 180);
  margin: 0;
}

#navbar ul {
 display: flex;
 list-style-type: none;
 justify-content: space-evenly;
 padding: 10px;
 font-size: 20px;
 margin: 0;
 color: rgb(50, 10, 50);
}
#navbar li {
max-width: 150px;
text-align: center;
}

.page {
 padding: 20px; 
}