body {
  background: #000000;
  font-family: LemonMilk, open-sans;
}

@font-face {
  font-family: LemonMilk;
  src: url(./LemonMilk.otf);
}

h1 {
  text-align: center;
  font-size: 48px;
  color: #FFF;
}

.head-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.swa-logo {
  width: 300px;
  margin: 0 auto;
}

.wrapper {
  margin: 0 auto;
  max-width: 1000px;
}

.wrapper video {
  width: 100%;
  height: auto;
  display: none;
}

.wrapper form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.wrapper input {
  border: 0;
  font-family: LemonMilk;
  height: 50px;
  text-align: center;
  border-radius: 5px;
  max-width: 90%;
}

.wrapper input[type="text"] {
  margin: 0 0 10px 0;
  background: #616163;
  color: #fff;
  font-size: 35;
}

.wrapper input[type="submit"] {
  background: #87F6FF;
  color: #000;
  font-size: 28;
}

.wrapper input[type="text"] {
  font-family: 'Avenir';
}

@media screen and (max-width: 425px) {
  .swa-logo {
    width: 80%;
  }
}