BODY {background: rgb(255, 241, 185) }
    A:link {color: red}
    A:visited {color: #FF00FF}
    H1 {font-size: 24pt; font-family: arial}
    H2 {font-size: 18pt; font-family: arial}
    H3 {font-size: 14pt; font-family: arial}
    
 
.my-button1 {
  background-color: blue;   /* Blue background */
  color: white;                /* White text */
  padding: 10px 20px;          /* Padding inside the button */
  border: none;                /* No border */
  border-radius: 5px;          /* Rounded corners */
  font-size: 16px;             /* Text size */
  cursor: pointer;             /* Pointer cursor on hover */
  transition: background-color 0.3s ease;  /* Smooth hover effect */
}



.my-button2 {
  background-color: DeepPink ;   /* Blue background */
  color: white;                /* White text */
  padding: 10px 20px;          /* Padding inside the button */
  border: none;                /* No border */
  border-radius: 5px;          /* Rounded corners */
  font-size: 16px;             /* Text size */
  cursor: pointer;             /* Pointer cursor on hover */
  transition: background-color 0.3s ease;  /* Smooth hover effect */
}


.my-button3 {
  background-color: red ;   /* Blue background */
  color: white;                /* White text */
  padding: 10px 20px;          /* Padding inside the button */
  border: none;                /* No border */
  border-radius: 5px;          /* Rounded corners */
  font-size: 16px;             /* Text size */
  cursor: pointer;             /* Pointer cursor on hover */
  transition: background-color 0.3s ease;  /* Smooth hover effect */
}

.my-button4 {
  background-color: red ;   /* Blue background */
  color: white;                /* White text */
  padding: 10px 20px;          /* Padding inside the button */
  border: none;                /* No border */
  border-radius: 5px;          /* Rounded corners */
  font-size: 16px;             /* Text size */
  cursor: pointer;             /* Pointer cursor on hover */
  transition: background-color 0.3s ease;  /* Smooth hover effect */
}


b {
  color: red;                /* White text */
  padding: 10px 20px;          /* Padding inside the button */
  border: none;                /* No border */
  border-radius: 5px;          /* Rounded corners */
  font-size: 16px;             /* Text size */
}

.my-button6 {
  background-color: red ;   /* Blue background */
  color: white;                /* White text */
  padding: 10px 20px;          /* Padding inside the button */
  border: none;                /* No border */
  border-radius: 5px;          /* Rounded corners */
  font-size: 16px;             /* Text size */
  cursor: pointer;             /* Pointer cursor on hover */
  transition: background-color 0.3s ease;  /* Smooth hover effect */
}

.my-button7 {
  background-color: red ;   /* Blue background */
  color: white;                /* White text */
  padding: 10px 20px;          /* Padding inside the button */
  border: none;                /* No border */
  border-radius: 5px;          /* Rounded corners */
  font-size: 16px;             /* Text size */
  cursor: pointer;             /* Pointer cursor on hover */
  transition: background-color 0.3s ease;  /* Smooth hover effect */
}


.my-button9 {
  background-color: rgb(112, 147, 245) ;   /* Blue background */
  color: white;                /* White text */
  padding: 10px 20px;          /* Padding inside the button */
  border: none;                /* No border */
  border-radius: 5px;          /* Rounded corners */
  font-size: 16px;             /* Text size */
  cursor: pointer;             /* Pointer cursor on hover */
  transition: background-color 0.3s ease;  /* Smooth hover effect */
}