body {
  font-style: cursive;
}
h1 {
  color: darkslateblue;
  background-color: red;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
  padding: 10px 20px;
  color: white; 
  background-color: #007BFF;
}
p {
  font-size: 20px;
}
ol li {
  font-size: 20px;
}
.sub {
  color: darkslateblue;
  background-color: red;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
  padding: 10px 20px;
  color: white; 
  background-color: #007BFF;
}
a {
  display: inline-block; /* Makes the anchor behave like a block for padding and centering */
    padding: 10px 20px; /* Adds space inside the button */
    font-size: 16px; /* Adjusts text size */
    font-weight: bold; /* Makes the text bold */
    color: white; /* Sets text color */
    background-color: #007BFF; /* Button background color */
    text-decoration: none; /* Removes underline */
    border-radius: 5px; /* Rounds corners */
    border: 2px solid transparent; /* Optional: adds a border */
    text-align: center; /* Centers text */
    transition: all 0.3s ease; /* Smooth transition on hover */
    }