html{
  overflow-x: hidden;
  overflow-y: scroll;
}
body{
  display:flex;
  align-items: center;
  flex-direction: column;
  background: #222222;
  overflow-x: hidden;
  overflow-y: scroll;
  margin: 0 .05rem;
  h1{
    font-size: 2em;
    margin: 0 0 .25em;
    text-decoration: ButtonShadow;
    @media screen and (orientation: landscape) {
      font-size: 3rem;
    }
    border-bottom: #FFFFFF .06em solid;
  }
  .site-image{
    width: 150%;
    overflow: hidden;
    @media screen and (orientation: landscape) {
      width: 63%;
    }
    img{
      width: 100%;
      object-fit: cover;
      object-position: center;
      overflow: hidden;
    }
  }
  .red, a .red{
    color: #E81B23 !important;
  }
  .white, a .white{
    color: #FFFFFF !important;
  }
  .blue, a .blue{
    color: #00AEF3 !important;
  }
  a {
    font-size: 1.25em;
    margin-bottom: .25em;
    text-decoration-color: #FFFFFF;
    text-decoration: none;
  }
}