.form-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.form-group {
  width: 100%;
  max-width: 600px;
}

.form-control {
  background-color: #fff; /* White background for form controls */
  border: 1px solid #dc3545; /* Red border for form controls */
  color: #dc3545; /* Red text color */
}
.form-group .form-control {
  background-color: #fff; /* White background for form controls */
  border: 1px solid #dc3545; /* Red border for form controls */
  color: #dc3545; /* Red text color */
}

.form-control:focus {
  border-color: #dc3545; /* Red border on focus */
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); /* Red shadow on focus */
}
.form-group .form-control:focus {
  border-color: #dc3545; /* Red border on focus */
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); /* Red shadow on focus */
}
.form-label {
  color: #dc3545; /* Red color for labels */
}
.btn-primary {
  background-color: #dc3545; /* Red background for the submit button */
  border-color: #dc3545; /* Red border for the submit button */
}
.btn-primary:hover {
  background-color: #c82333; /* Darker red on hover */
  border-color: #bd2130; /* Darker red border on hover */
}
.message {
  font-size: 16px;
  padding: 10px;
  border-radius: 5px;
}
.success {
  color: green;
  background-color: #e0ffe0;
}
.error {
  color: red;
  background-color: #ffe0e0;
}