body {
   background-color: antiquewhite;
   background-image: none;
   color: black;
}

#container {
   display: grid;
   place-items: center; /* Center content both horizontally and vertically */
   max-width: 80ch; /* Set maximum width to 80 characters */
   margin: 0 auto; /* Center horizontally */
   padding: 1rem; /* Add some padding for readability */
   font-size: large;
 }

 
@media screen and (max-width: 400px) {
   .container {
     max-width: 100%; /* Allow full width below 400px */
   }
 }


#headline {
   font-size:larger;
   text-align: center;
}
p {
  text-align: left;
  font-size:medium;
  margin: 6px;
}
li {padding: 3px;}

a.home-link {
  text-decoration: none;
  color: #333;
  font-size: 24px;
}
a.home-link:hover {
  color: #007bff;
}