body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol {
  margin: 0;
  padding: 0;
}

/* Apply basic styles to make the forms responsive */
#id03 {
  width: 100%;
  max-width: 600px;
  /* Adjust this based on your design */
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  font-size: 1.2em;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}


/* Style for form labels */
label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  color: #89CFF3;
}

/* Style for form inputs and selects */
.contactbutton,
input,
select,
textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 1px;
  box-sizing: border-box;
  color: #89CFF3;
  border-color: #35A29F;
}

input::placeholder {
  color: #35A29F;
}

/* Apply styles to buttons */
.contactbutton,
input[type="reset"] {
  padding: 10px 20px;
  background-color: darkgreen;
  color: white;
  border: none;
  cursor: pointer;
}

input[type="reset"] {
  background-color: red;
  opacity: 0.5;
}

input[type="reset"]:hover {
  background-color: darkred;
}

.contactbutton:hover {
  background-color: green;
}

/* Apply additional styles based on your specific classes */
.class03 {
  text-align: center;
  margin-bottom: 20px;
  color: #00A9FF;
}