body.login {
  margin-left:2em;
  margin-right:2em;
}

body.login #logo-header {

}

body.login input[type=text], body.login input[type=password] {
  border:0px;
  border-bottom: 1px solid;
  font-size:1em;
  text-align:center;
  margin-bottom: 1.5em;
}

body.login input[type=submit] {
  background:none;
  border: 1px solid;
  text-transform: uppercase;
  font-size:1em;
  padding:1em;
  margin-top:1.5em;
}

body.login table {
  width:100%;
  box-sizing: border-box;
}

body.login table td {
  text-align:center;
  text-transform: uppercase;
  /*padding-top:0.75em;*/
}

body.login .forgot {
  display:inline-block;
  margin-top:1.5em;
  font-size:0.9em;
  font-weight:bold;
}

body.login #logo-header {
    margin-top: 1em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 70vw;
    height: 30vh;
    max-width:300px;
    text-align:center;
    font-weight:bold;
    margin-left:auto;
    margin-right:auto;
}

body.login #closure {
  margin-top: 3em;
  height: 1em;
  text-align: center;
  font-size: 0.8em;
}

body.login #install-button {
  position: absolute;
  top: 1em;
  left: calc(50% - 9em);
  border: 2px solid var(--primary) !important;
  background: #0004 !important;
  color: var(--primary) !important;
  text-transform: uppercase;
  font-size: 0.6em;
  padding: 1em;
  width: 18em;
  animation: slideInDown;
  animation-duration: 1s;
  animation-fill-mode: backwards;
}

body.login #install-button::before {
  font-family: "Font Awesome 5 Free";
  content: "\f381";
  margin-right: 0.5em;
  color: var(--primary);
}