body {background: #cbc43e;
background: linear-gradient(90deg, rgba(193, 188, 85, 0.45) 0%, 
rgb(163, 199, 87) 50%, rgba(237, 221, 83, 1) 100%);
}

h1 {
  background-color: rgb(199, 190, 65); /* heading background */
  color: white; /* text color */
  text-align: center;
  padding: 10px;
  border-radius: 10px;
}

h2 {
  background-color: #ffd700; /* golden color */
  color: maroon;
  padding: 5px;
}

ol, ul {
  background-color: #ffffff; /* white background */
  color: #000000; /* black text */
  padding: 15px;
  border-radius: 10px;
}

a {
  color: blue; /* link color */
  background-color: #e0e0e0; /* light gray background */
  padding: 5px 10px;
  text-decoration: none;
  border-radius: 5px;
}

a:hover {
  background-color: lightblue; /* changes when hovered */
}