html {
  background: rgb(254, 194, 210);
}


h1 {
  margin: 0;
  color: rgb(0, 0, 0);
  padding: 0;
font-family: 'Times New Roman', Times, serif; 
font-weight: 300;
font-style:none;
font-size: 500%;
font-stretch: expanded;
flex-direction: column;
text-align: center;

}

ul{
  list-style-type: none;
  padding: 0; 
}
ul li a {
  display: flex;
  justify-content: center;
  align-items: flex-start; 
  margin: 0; 
  padding-top: 20px; 

  
}

 a {
  font-family: 'Times New Roman', Times, serif;
  text-align: center;
  text-decoration: none;
  list-style-type: none;
  color: rgb(0, 0, 0);

}
  
@media (max-width: 600px) {
  body {
      padding: 10px; /* Add padding for smaller screens */
  }
  .navbar__menu {
      width: 100%; /* Make navbar full width */
      padding: 5px; /* Adjust padding */
  }
  #content-area {
      padding: 10px; /* Adjust padding for content area */
      font-size: 14px; /* Adjust font size for better readability */
  }
}