body {
  display: flex;
  justify-content: center;
  align-items: center;

  height: 100vh;
  width: 100vw;

  margin: 0;
  padding: 0;

  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  animation: warn 2s infinite;
}
@keyframes warn {
  0% {
    background-color: #ff4757;
  }
  50% {
    background-color: #ffa502;
  }
  100% {
    background-color: #ff4757;
  }
}
.background {
  position: absolute;

  height: 100vh;
  width: 100vw;

  z-index: -1;

  background-image: url(../../public/image/dog.avif);
  background-position: center;
  background-size: cover;
  filter: blur(20px);
}
.container {
  width: 30rem;

  padding: 2rem;
  box-sizing: border-box;

  background-color: white;
  border-radius: 1rem;
}
.container h2 {
  margin-bottom: 0;

  text-align: center;
}
.container p {
  margin-top: 0.3rem;
  margin-bottom: 2rem;

  text-align: center;
  color: #aaa;
}
.container .row {
  display: flex;
  flex-direction: column;

  margin: 1rem 0;
}
.container .row input {
  height: 2rem;

  margin-top: 0.5rem;
  border-radius: 0.3rem;
  border: 1px solid #777;
}
.container .submit {
  display: flex;
  justify-content: center;
  align-items: center;

  height: 2rem;
  width: 100%;

  margin-top: 2rem;

  border-radius: 0.3rem;
  background-color: black;
  color: white;
  font-weight: bold;
}
.container .submit:active {
  transform: scale(0.98);
}