button, a.button {
  background-color: #b20b0f;
  color: white;
  border: none;
  text-transform: uppercase;
  padding: 5px;
  border-bottom: 2px solid #7b0000;
  cursor: pointer;
  text-align: center;
  text-decoration: none; }
  button:hover, a.button:hover {
    background-color: #7b0000; }
  button:active, a.button:active {
    background-color: #ec4c38; }

#goto-login-box-wrap {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  background-color: #b20b0f; }
  #goto-login-box-wrap #goto-login-box {
    width: auto;
    margin: 10px;
    margin-top: -50px; }
    @media (min-width: 960px) {
      #goto-login-box-wrap #goto-login-box {
        max-width: 35vw;
        margin: 0; } }
    #goto-login-box-wrap #goto-login-box .logo {
      text-align: center; }
      #goto-login-box-wrap #goto-login-box .logo img {
        width: 40%;
        padding: 10px; }
    #goto-login-box-wrap #goto-login-box .content {
      background-color: white;
      padding: 10px;
      display: flex;
      flex-flow: column;
      margin: auto; }
      #goto-login-box-wrap #goto-login-box .content .description .alert {
        font-size: 14px;
        text-align: left;
        padding: 0; }
        #goto-login-box-wrap #goto-login-box .content .description .alert p {
          text-align: justify; }
      #goto-login-box-wrap #goto-login-box .content button, #goto-login-box-wrap #goto-login-box .content a.button {
        margin: auto; }
        @media (min-width: 960px) {
          #goto-login-box-wrap #goto-login-box .content button, #goto-login-box-wrap #goto-login-box .content a.button {
            width: 50%; } }

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