.Inhoud
{
  margin-top: 100px;
  text-align: center;
}

.Inhoud h1
{
  font-size: 40px;
}
.Inhoud div
{
  margin-top: 10px;
}

input{
  border-radius: 10px;
  padding: 10px;
  border-width: 1px;
}

/* replace the current .pw-field/.pw-toggle definitions so they match Registreren */
.pw-field {
  margin-left: 40px;
  align-items: center;
  gap: .5rem;
  max-width: 420px;
  justify-self: center;
}

.pw-field2 button{
  margin-left: 0.5rem;
}

#Email-input{
  margin-right: 0.5rem;
}

.pw-field2{
  margin-left: 40px;
  align-items: center;
  max-width: 420px;
  justify-self: center;
  margin-bottom: 30px;
}

.pw-field:first-child
{
  margin-right: 44px;
}

.pw-toggle {
  background: transparent;
  border: 1px solid #ccc;
  padding: 8px 10px;
  cursor: pointer;
  color: inherit;
}
.pw-toggle i { pointer-events: none; }

/* Extra zekerheid dat wachtwoorden als bolletjes getoond worden in sommige browsers */
input[type="password"] { -webkit-text-security: disc; }

button
{
  background-color: #e26039;
  padding: 10px;
  border-radius: 10px;
  color: white;
  border: 0;
}

button:hover
{
  background-color: #ce1e21;
  transform: scale(1.05);
  transition: all 0.3s;
  cursor: pointer;
}

form div.Incorrect input
{
  border-color: #ce1e21;
  background-color: #ffbbbb83;
}