@font-face {
    font-family: "HelvBold";
    src: url("HelveticaNeueLTStd-Bd.otf");
  }

  @font-face {
    font-family: "HelvHvy";
    src: url("HelveticaNeueLTStd-Hv.otf");
  }


body {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 8px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
} 

.main {
    background-color: #999999;
    flex-grow: 1;
    display: flex;
    flex-direction: column;

}

.footer {
    display: flex;
}

.logo {
    width: 160px;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: auto;
}

.main-spacer {
    flex-grow: 1;
}

.main-form {
    color: #fff;
    font-family: HelvBold;
    font-size: 24px;
    line-height: 28px;
    margin-left: 8px;
    margin-bottom: 2px;
}

.main-form .button {
    font-family: HelvHvy;
}

.button:hover {
    cursor: pointer;
}

.hidden {
    display: none;
}