body {
  margin: 0;
  padding: 0;
  height: 100vh;
  /* background: url("data:image/jpeg;base64,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"); */
  background: url("img/3.png") no-repeat center center fixed;
  background-size: cover;
  background-color: #966d29ca;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  font-family: "Rock Salt", Cambria, Georgia, Times, serif;
  /* box-sizing: content-box; */
}
h1 {
  font-family: "Rock Salt", Cambria, Georgia, Times, serif;
  font-size: 4.5rem;
  margin-top: 6.9%;
  font-size: 3rem;
  color: #8752217f;
  text-shadow: 1px 1px 3px #574426;
  margin-bottom: 1rem;
  animation: glow 1.5s ease-in-out infinite alternate;
}
form {
  width: 44%;
  min-width: 444px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 6.9%;
  height: fit-content;
  padding: 33px;
  /* box-shadow: 0 0 33px 11px rgba(0, 0, 0, 0.22); */
  border: 2px solid #e69f2d1c;
  border-radius: 22px;
}

input[type="text"] {
  text-align: center;
  width: 100%;
  border: 2px solid #c17f152e;
  background: #c17f1514;
  color: #250700;
  border-radius: 5px;
  font-size: 1.33rem;
  animation: glow 1.5s ease-in-out infinite alternate;
}

input[type="submit"] {
  height: 169px;
  width: 444px;
  cursor: pointer;
  background: url("img/button.png") no-repeat center;
  background-size: contain;
  border: none;
  border-radius: 11px;
  box-shadow: none;
  transition: box-shadow 690ms ease-in-out;
}

input[type="submit"]:hover {
  box-shadow: inset 0 0 33px 11px rgba(226, 162, 59, 0.33);
}

input:focus {
  outline: none;
  box-shadow: 0 0 11px rgba(121, 108, 88, 0.87);
}

/* Toevoegen van een animatie voor de hover-effecten */
@keyframes glow {
  0% {
    text-shadow: 0 0 5px #dcb77d, 0 0 10px #dcb77d, 0 0 15px #dcb77d;
  }
  50% {
    text-shadow: 0 0 10px #dcb77d, 0 0 20px #dcb77d, 0 0 30px #dcb77d;
  }
  100% {
    text-shadow: 0 0 5px #dcb77d, 0 0 10px #dcb77d, 0 0 15px #dcb77d;
  }
}

/* Zorg ervoor dat het formulier mooi gecentreerd blijft op kleinere schermen */
@media (max-width: 690px) {
  form {
    width: 80%;
  }
  h1 {
    font-size: 2rem;
  }
}

.fade-text {
  display: inline-block;
  transition: opacity 690ms ease-in-out;
}

/* Keyframes for fading out */
.fade-out {
  opacity: 0;
}

/* Keyframes for fading in */
.fade-in {
  opacity: 1;
}