/* Adjust form size and spacing */
.form-container {
  width: 50%; /* Moderately reduced width */
  max-width: 600px; /* Set a suitable maximum width */
}

@media screen and (max-width: 600px) {
  .form-container {
    width: 90%; /* Adjust for smaller screens */
  }
}

/* Notification styling */
.notification {
  display: none;
  position: fixed;
  top: 20px;
  right: 20px;
  background-color: #4caf50;
  color: white;
  padding: 12px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}