/* Styling for error messages */
    
    #name-error {
        color: red;
        font-size: 0.9em;
        margin-top: -25px; /* Use a negative margin to pull the message closer to the input */
        margin-bottom: 15px; /* Use a positive margin to create space below the message */
        display: block;
        position: relative; /* Keeps the error message placed under the input */
    }
    

.parent-container {
  position: relative;
  height: auto;
  padding: 0;
}



    .error {
  color: red;
  font-size: 0.9em;
  margin-top: 1px; /* Set a margin to separate the error message from the input box */
  display: block;
  font-weight: bold;
  position: relative; /* Ensures the message stays below the input box */
    }