body {
  position: fixed;
}
body .wrap {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
body .wrap .container {
  padding: 0;
  max-width: unset;
}
body footer.footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(200, 200, 200, 0.2);
}
body .alert {
  padding: 1em;
  /* font-size: 22px; */
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
body .alert.alert-float button {
  padding: 0.3em 0.6em;
  box-shadow: none;
}

#background {
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

#impression-content {
  position: absolute;
  max-width: 40%;
  max-height: 90%;
  padding: 2.5em;
  background-color: #FFF;
  left: 66%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  overflow: auto;
  box-sizing: border-box;
  border-radius: 7px;
}
#impression-content #impression-inner .form-control.is-invalid, #impression-content #impression-inner .was-validated .form-control:invalid,
#impression-content #impression-inner .form-control.is-valid, #impression-content #impression-inner .was-validated .form-control:valid {
  padding-right: unset;
}
#impression-content #impression-inner button {
  width: 100%;
  margin: 0.3em 0;
}
#impression-content #impression-inner .helper-text {
  font-size: 0.9em;
  color: #999;
  margin: 1.5em 0;
}
@media (max-width: 1000px) {
  #impression-content {
    max-width: 60%;
    padding: 2em 1.5em;
  }
}
@media (max-width: 650px) {
  #impression-content {
    max-width: 90%;
    left: 50%;
    position: relative;
    padding: 2em 1em;
  }
}
@media (max-width: 400px) {
  #impression-content {
    max-width: 95%;
    max-height: 95%;
  }
}

#an-logo-impression {
  max-width: 100%;
  max-height: 60px;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.2));
  display: unset;
}/*# sourceMappingURL=impression.css.map */