.app form {
  display: flex;
  flex-direction: column;
  margin: 2em 0;
  gap: 2em;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0px;
}

.app form .input:not(.checkbox) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
}
.app .input{
  width: 100%;
}

.app form label {
  font-size: 1.2em;
}

.app form label a {
  text-decoration: underline;
}

.app input[type="text"], .app input[type="email"], .app input[type="password"], .app textarea {
  border: 2px solid #eee;
  border-radius: 5px;
  font-size: 1.2em;
  padding: 0.8em;
  outline: none;
  width: 80%;
  max-width:500px;
}
.app input[type="text"]:focus, .app input[type="email"]:focus, .app input[type="password"]:focus {
  border-color: #eee;
}