html {
  scrollbar-color: var(--itch-link-col) var(--itch-bg2);
}
body {
  background-color: var(--itch-bg1);
  background-image: var(--itch-bg-image);
}
#itch {
  max-width: 960px;
  text-align: left;
  min-height: 100vh;
  color: var(--itch-text);
  background: var(--itch-bg2);
}

#itch .faBox, .welcomments__container p.welcomments__email-notice, .welcomments__container p.welcomments__markdown-notice, .welcomments__container div.welcomments__form-group label{
  color: var(--itch-text);
}

#itch_header {
  background-color: #000;
  padding: 1em 1ch;
  margin-top: -1em;
}

#itch #itch_header a {
  color: #F0F0F0
}

#itch #itch_header #itchlink .faBox, #itch #itch_header #itchlink a {
  color: #fa5c5c;
}

#itch a {
  color: var(--itch-link-col);
}

#itch #headimg {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display:block;
}

#itch .download {
  padding: 1em 1ch;
  margin-right: 1ch;
  display: inline-block;
  background: var(--itch-link-col);
}

#itch a.download {
  text-decoration: none;
}

#itch a.download .tex, .r18_warning .tex {
  mix-blend-mode: difference;
  color: #FFF;
}

#itch .image img {
  max-height: 200px
  min-width: 355px;
}

#itch .footer {
  mix-blend-mode: difference;
}

#tr td {
  vertical-align: top;
}

#td_first {
  padding: 0px 1ch;
}

#itch h1 {
  padding: 0px 1ch;
  margin-bottom: 0px;
}

#itch .welcomments__container .welcomments__submit-button, #r18_fullscreen_warning .fakebutton {
  background-color: var(--itch-link-col);
}

#r18_fullscreen_warning {
  background: var(--itch-bg2) !important;
}

@media (max-width: 900px) {

  #itch #itch_header {
    padding-left: 2ch;
  }

  #itch #itch_header a {
    margin-right: 3ch;
    margin-bottom: 1em;
  }

  #itch #td_second img {
    width: auto;
    height: auto;
  }

  #itch #tr {
    display: flex;
    flex-direction: column;
  }

  #td_first {
    -webkit-order: 2;
    order: 2;
    padding:none;
  }

  #td_second {
    -webkit-order: 1;
    order: 1;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
-webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  #td_second div.center {
    margin: 0px;
    display: inline-block;
  }

}
