.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold, .form-wrapper form input, .form-wrapper form label {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.screen {
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.back {
  font-size: 14px;
  position: absolute;
  text-decoration: none;
  z-index: 100;
  top: 10px;
  left: 10px;
}

.text-xl {
  font-size: 36px;
}

.form-wrapper {
  width: 35%;
  margin: 18% auto;
  text-align: center;
}
.form-wrapper form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 60px;
  color: lightblue;
}
.form-wrapper form .form-group > div {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  width: 100%;
}
.form-wrapper form label {
  margin-right: 10px;
  margin-top: 0;
}
.form-wrapper form input {
  color: lightblue;
  border: none;
  border-bottom: 5px solid lightblue;
  background: transparent;
  padding: 5px;
  height: 60px;
  width: 450px;
  font-size: 60px;
}
.form-wrapper form input:focus {
  outline: none;
}

.screen-ask {
  background-image: url("/files/ask.png");
  background-color: #006380;
}

.screen-nominate {
  background-image: url("/files/nominate.png");
  background-color: #b5976a;
}
.screen-nominate .form-wrapper form {
  margin-top: 30px;
}
.screen-nominate .form-wrapper form label {
  color: #5a482c;
}
.screen-nominate .form-wrapper form input {
  color: #5a482c;
  border-color: #5a482c;
}

.screen-g {
  background-image: url("/files/good.png");
  background-color: #015540;
}
.screen-g .back {
  color: #013c2d;
}

.screen-b {
  background-image: url("/files/bad.png");
  background-color: #4A0A19;
}
.screen-b .back {
  color: #340711;
}

/*# sourceMappingURL=style.css.map */