body.s-status-e621-ws {
  background-color: #012E57;
  text-align: center;

  #c-e621-ws-status {
    h1 {
      color: #B8BEC4;
      margin-top: 30vh;
    }

    h2, h3 {
      color: #B8BEC4;
      margin-top: 5vh;
    }

    span#state.up, span#status.success, span#available.success {
      color: #008000;
    }

    span#state.down, span#status.error, span#available.error {
      color: #FF0000;
    }

    span#state.partially.down, span#status.partially.down {
      color: #FFA500;
    }

    a {
      color: #E9F2FA;
    }
  }

  #c-e621-ws-status-webhooks {
    * {
      font-family: "Raleway", sans-serif;
      line-height: 1.3;
    }

    h1, h2 {
      color: #B8BEC4;
      margin-top: 2vh;
    }

    a {
      color: #E9F2FA;
    }

    p {
      color: #B8BEC4;
      margin-left: 7.5vw;
      margin-right: 7.5vw;
      font-size: 18px;
    }

    .btn-authorize {
      color: #E9F2FA;
    }

    @media screen and (max-width: 900px) {
      div#fuck-off {
        text-align: center !important;
      }

      p {
        margin-left: 2.5vw;
        margin-right: 2.5vw;
        font-size: 13px;
      }
    }

    @media screen and (min-width: 901px) {
      div#fuck-off {
        position: absolute;
        top: 7px;
        left: 8px;
      }
    }

    div#auth-buttons a {
      display: inline-block;
      vertical-align: top;
    }
  }
}