/* Style the form */
.border {
  border: none;
}
form {
  margin: 100px auto;
  padding: 50px;
  width: 25%;
  min-width: 300px;
}

.form-background {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 10px;
}

/* Style the form content */
.form-content {
  overflow: hidden;
  clear: both;
}



/* Style the input fields */
input[type="text"],
        input[type="date"],
        input[type="number"],
        input[type="email"],
        input[type="tel"],
        input[type="file"], 
        select, 
        textarea {
            border: 1px solid #ccc;
            border-radius: 5px;
            padding: 10px;
        }

button,
datalist,
fieldset,
input,
legend,
optgroup,
option,
output,
select,
textarea {
  padding: 10px;
  font-size: 1em;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  border: 1px solid #777;
}
.submit-button {
  border-radius: 10px; 
}

/* Style the labels */
label {
  font-size: 1em;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.back-button {
  float: right;
  color: #777;
  background-color: #eef;
  border-radius: 10px;
}


.pagination-links {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0px;
}

.pagination-link {
  margin: 0 5px;
}

/* Style the error messages */
.error-text {
  color: #f00;
  grid-column-start: 2;
}