* {
  background-color: #000000; /* Background color */
  color: white;
  font-family: "Baskervville", serif;
}

.form-container {
  width: 100%; /* Set width to 80% of viewport */
  max-width: 1024px; /* Maximum width */
  padding: 40px;
  border-radius: 8px;
  margin: 0 auto; /* Center the form container horizontally */
}

.form-group {
  margin-bottom: 40px;
}

.form-group label {
font-size: 19px;
display: block;
margin-bottom: 5px;
font-weight: bold;
}

.form-group input[type="text"], .form-group input[type="email"], .form-group textarea {
width: 100%;
padding: 11px;
font-size: 19px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
transition: border-color 0.3s ease;
}

.form-group input[type="text"]:focus,
.form-group input[type="email"]:focus,
.form-group textarea:focus {
  border-color: #FF9D00; /* Border color on focus */
  outline: none; /* Remove default focus outline */
}

.submit-button {
    display: flex; /* Use flexbox for easy centering */
    justify-content: center; /* Horizontally center the text */
    align-items: center; /* Vertically center the text */
    width: fit-content; /* Adjust width to the content */
    padding: 10px 20px; /* Adjust padding for balanced appearance */
    border: 1px solid white; /* Simplified syntax */
    border-radius: 4px; /* Smooth corners */
    background-color: #ffffff34; /* Semi-transparent background */
    color: #fff; /* White text color */
    cursor: pointer; /* Pointer cursor on hover */
}


.submit-button:hover {
  background-color: #FF9D00; /* Darker background color on hover */
  color: #000000;
}

@media screen and (max-width: 900px) {
  button {
    padding: 20px;
  }
}