body {
    font-family: 'Lato', sans-serif;
    color:#fff;
    padding: 20px;
    background-color: #426DA9;
}

form {
    background-color: transparent;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    color: white
}


form label {
  display: block;          /* Puts label above input */
  margin-top: 16px;      /* Space below label */
  margin-bottom: -15px;
  font-weight: bold;
}

form input,
form textarea {
  margin-bottom: 5px;     /* Space below each input field */
  padding: 8px;
  width: 100%;             /* Make inputs full width */
  max-width: 400px;        /* Limit width for readability */
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: 'Lato', sans-serif;
}


/* Button styling */
button {
  background-color: #ffffff;      /* Default background */
  color: #426DA9;                /* Default text color */
  border: 2px solid #426DA9;     /* Border matches theme */
  padding: 10px 20px;            /* Space inside button */
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  border-radius: 6px;            /* Rounded corners */
  cursor: pointer;               /* Pointer on hover */
  transition: all 0.3s ease;     /* Smooth hover animation */
}

/* Hover effect */
button:hover {
  background-color: black;     /* Background turns blue */
  color: #ffffff;                /* Text turns white */
}