@font-face {
  font-family: Anton;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/anton/v27/1Ptgg87LROyAm0K0.ttf") format("truetype");
}

@font-face {
  font-family: Ranchers;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/ranchers/v19/zrfm0H3Lx-P2Xvs2AoDY.ttf") format("truetype");
}

@font-face {
  font-family: Chewy;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/chewy/v18/uK_94ruUb-k-wk5x.ttf") format("truetype");
}

@font-face {
  font-family: Cousine;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/cousine/v29/d6lIkaiiRdih4SpPzSM.ttf") format("truetype");
}

@font-face {
  font-family: Skranji;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/skranji/v14/OZpDg_dtriVFNerMYzs.ttf") format("truetype");
}

@font-face {
  font-family: Recursive;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/recursive/v44/8vJN7wMr0mhh-RQChyHEH06TlXhq_gukbYrFMk1QuAIcyEwG_X-dpEfaE5YaERmK-CImKsvxvU-MXGX2fSqasNfUvz2xbXfn1uEQadCCk018.ttf") format("truetype");
}

@font-face {
  font-family: Source Code Pro;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/sourcecodepro/v31/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DMyQhM4.ttf") format("truetype");
}

@font-face {
  font-family: Share Tech Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/sharetechmono/v16/J7aHnp1uDWRBEqV98dVQztYldFc7pA.ttf") format("truetype");
}

:root {
  --section2BG: white;
  --section2Text: black;
  --background404: #f96b98;
  --text404: black;
  --image404: none;
  --tosContainer: #6b3b61;
  --tosContainerBlue: #564166;
  --commandsBackground: #fffafc;
  --commandsText: black;
  --aboutBG: white;
}

.dark-theme {
  --section2BG: #080808;
  --section2Text: white;
  --background404: #020202;
  --text404: white;
  --image404: .2vw solid white;
  --tosContainer: #12000e;
  --tosContainerBlue: #0a0012;
  --commandsBackground: #050505;
  --commandsText: #fff;
  --aboutBG: black;
}

* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #5a5a5a #000;
  margin: 0;
  padding: 0;
}

html, body {
  z-index: -1000;
  -webkit-touch-callout: none;
  background-color: #000;
  width: 100%;
  position: relative;
}

::selection {
  background-color: #ffbfdd;
}

::-webkit-scrollbar {
  width: 1vw;
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background: #5a5a5a;
}

::-webkit-scrollbar-thumb:hover {
  background: #303030;
}

.no-deco {
  text-decoration: none;
}

.back-to-top {
  z-index: 2000;
  cursor: pointer;
  display: none;
  position: fixed;
  bottom: 1.5rem;
  right: 2rem;
}

.back-to-top:hover {
  filter: brightness(0) invert();
}

.nav-fixed {
  z-index: 1000;
  width: 100%;
  transition: top .5s ease-in-out;
  top: 0;
}

.nav-hide {
  top: -50rem;
}

.navbar {
  background-blend-mode: screen;
  background-color: #ff80ca;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mobile-navbar {
  background-color: #ff80ca;
  width: 100%;
  margin-bottom: 0;
  display: none;
  position: relative;
  transform: translateY(0);
}

.navbar-text {
  color: #000;
  font-family: Anton, sans-serif;
  font-size: 1.4rem;
  text-decoration: none;
  list-style-type: none;
  display: inline-flex;
}

.navbar-text:active {
  color: #fff;
}

.navbar-mobile-text {
  color: #000;
  padding-left: 1vw;
  font-family: Anton, sans-serif;
  font-size: 4vw;
  font-weight: 200;
  text-decoration: none;
  list-style-type: none;
}

.navbar-mobile-text:active {
  color: #fff;
}

.nav-left {
  justify-content: start;
  display: flex;
}

.hamburger {
  margin-right: 1em;
  display: none;
}

.hamburger:active {
  filter: invert();
}

.nav-ul {
  display: inline-flex;
}

.nav-li {
  align-items: center;
  margin-left: 3.2vw;
  display: inline-flex;
}

.nav-li:first-child {
  margin-left: 1.5vw;
}

.kisaragichibi {
  z-index: 100;
  margin-left: 1vw;
}

.kisaragichibi:hover {
  cursor: default;
}

.kisaragichibi:active {
  filter: brightness(110%);
}

.dropdown {
  visibility: visible;
  background-color: #ff80ca;
  padding-left: .9em;
  padding-right: .9em;
  position: absolute;
  top: 3.5em;
  left: 10em;
}

.dropdown li {
  text-align: center;
  list-style-type: none;
}

.dropdown li a {
  color: #000;
  z-index: -10;
  font-family: Anton, sans-serif;
  font-size: 1.4rem;
  text-decoration: none;
}

.dropdown li a:active {
  color: #fff;
}

@media screen and (min-width: 37.5rem) {
  .mobile-navbar {
    display: none !important;
  }

  .hamburger:hover {
    filter: invert();
    cursor: pointer;
  }

  .navbar-text:hover, .navbar-mobile-text:hover {
    color: #fff;
  }

  .navbar-text:active, .navbar-mobile-text:active {
    color: #000;
  }

  .dropdown li a:hover {
    color: #fff;
  }
}

@media screen and (min-width: 58rem) {
  .dropdown {
    left: 11em;
  }
}

@media screen and (min-width: 75rem) {
  .dropdown {
    left: 12em;
  }
}

@media screen and (min-width: 90rem) {
  .dropdown {
    left: 13em;
  }
}

@media screen and (max-width: 37.5rem) {
  .navbar-text {
    display: none;
  }

  .hamburger {
    display: inline-flex;
  }
}

@font-face {
  font-family: Anton;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/anton/v27/1Ptgg87LROyAm0K0.ttf") format("truetype");
}

@font-face {
  font-family: Ranchers;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/ranchers/v19/zrfm0H3Lx-P2Xvs2AoDY.ttf") format("truetype");
}

@font-face {
  font-family: Chewy;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/chewy/v18/uK_94ruUb-k-wk5x.ttf") format("truetype");
}

@font-face {
  font-family: Cousine;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/cousine/v29/d6lIkaiiRdih4SpPzSM.ttf") format("truetype");
}

@font-face {
  font-family: Skranji;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/skranji/v14/OZpDg_dtriVFNerMYzs.ttf") format("truetype");
}

@font-face {
  font-family: Recursive;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/recursive/v44/8vJN7wMr0mhh-RQChyHEH06TlXhq_gukbYrFMk1QuAIcyEwG_X-dpEfaE5YaERmK-CImKsvxvU-MXGX2fSqasNfUvz2xbXfn1uEQadCCk018.ttf") format("truetype");
}

@font-face {
  font-family: Source Code Pro;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/sourcecodepro/v31/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DMyQhM4.ttf") format("truetype");
}

@font-face {
  font-family: Share Tech Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/sharetechmono/v16/J7aHnp1uDWRBEqV98dVQztYldFc7pA.ttf") format("truetype");
}

:root {
  --section2BG: white;
  --section2Text: black;
  --background404: #f96b98;
  --text404: black;
  --image404: none;
  --tosContainer: #6b3b61;
  --tosContainerBlue: #564166;
  --commandsBackground: #fffafc;
  --commandsText: black;
  --aboutBG: white;
}

.dark-theme {
  --section2BG: #080808;
  --section2Text: white;
  --background404: #020202;
  --text404: white;
  --image404: .2vw solid white;
  --tosContainer: #12000e;
  --tosContainerBlue: #0a0012;
  --commandsBackground: #050505;
  --commandsText: #fff;
  --aboutBG: black;
}

* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #5a5a5a #000;
  margin: 0;
  padding: 0;
}

html, body {
  z-index: -1000;
  -webkit-touch-callout: none;
  background-color: #000;
  width: 100%;
  position: relative;
}

::selection {
  background-color: #ffbfdd;
}

::-webkit-scrollbar {
  width: 1vw;
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background: #5a5a5a;
}

::-webkit-scrollbar-thumb:hover {
  background: #303030;
}

.no-deco {
  text-decoration: none;
}

.back-to-top {
  z-index: 2000;
  cursor: pointer;
  display: none;
  position: fixed;
  bottom: 1.5rem;
  right: 2rem;
}

.back-to-top:hover {
  filter: brightness(0) invert();
}

.footer {
  background-color: #000;
  flex-direction: column;
  display: flex;
}

.footer-container {
  flex-direction: row;
  justify-content: space-around;
  display: flex;
}

.footer-column {
  flex-direction: column;
  justify-content: space-between;
  padding-left: 3vw;
  display: flex;
}

.footer-box {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5vw;
  padding-bottom: 1.5vw;
  display: flex;
}

.other-links {
  margin-top: -5vw;
}

.navigation {
  align-items: flex-start;
}

.invitebot:active {
  filter: hue-rotate(30deg);
}

.discord:active {
  filter: hue-rotate(90deg) saturate(140%);
}

.github:active {
  filter: brightness(50%) sepia(100) saturate(60) hue-rotate(-40deg);
}

.site-theme img:active {
  filter: brightness(70%) sepia(100) saturate(60) hue-rotate(-40deg);
}

.footer-text {
  color: #ff3dae;
  text-align: center;
  font-family: Skranji, cursive;
  font-size: calc(5px + 3vw);
  font-weight: 200;
}

.footer-text:active {
  color: #ff1764;
}

.footer-link {
  color: #ff3dae;
  font-family: Skranji, cursive;
  font-size: calc(5px + 1.5vw);
  text-decoration: none;
  list-style-type: none;
}

.footer-link:active {
  color: #fff;
}

.footer-img {
  width: 8vw;
  height: 8vw;
  margin-top: 1em;
}

.fanart-credits {
  justify-content: center;
  align-items: center;
  padding-top: 2vw;
  padding-bottom: .5vw;
  display: flex;
}

.fanart-text {
  flex-direction: column;
  align-items: center;
  padding-top: 5vw;
  padding-right: 4vw;
  display: flex;
}

.fanart-header {
  font-size: calc(10px + 4.5vw);
}

.laffeykimono {
  width: 20%;
  height: 20%;
}

.laffeykimono:active {
  filter: brightness(110%);
}

@media screen and (min-width: 37.5rem) {
  .invitebot:hover {
    cursor: pointer;
    filter: hue-rotate(30deg);
  }

  .discord:hover {
    cursor: pointer;
    filter: hue-rotate(90deg) saturate(140%);
  }

  .github:hover {
    cursor: pointer;
    filter: brightness(50%) sepia(100) saturate(60) hue-rotate(-40deg);
  }

  .site-theme img:hover {
    filter: brightness(70%) sepia(100) saturate(60) hue-rotate(-40deg);
    cursor: pointer;
  }

  .footer-link:hover {
    color: #fff;
  }

  .footer-text:hover {
    color: #ff1764;
  }
}

.copyright {
  text-align: center;
  padding-bottom: .5vw;
  font-size: 1.2vw;
}

.footer-logo-container {
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.footer-logo {
  width: auto;
  height: 90px;
}

@media screen and (max-width: 37.5rem) {
  .fanart-links li, .footer-li {
    margin-top: -2vw;
  }

  .footer-link {
    font-size: calc(5px + 1vw);
  }

  .footer-text {
    font-size: calc(5px + 3vw);
  }

  .fanart-header {
    font-size: calc(10px + 2.5vw);
  }

  .footer-logo {
    height: 40px;
  }
}

@font-face {
  font-family: Anton;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/anton/v27/1Ptgg87LROyAm0K0.ttf") format("truetype");
}

@font-face {
  font-family: Ranchers;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/ranchers/v19/zrfm0H3Lx-P2Xvs2AoDY.ttf") format("truetype");
}

@font-face {
  font-family: Chewy;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/chewy/v18/uK_94ruUb-k-wk5x.ttf") format("truetype");
}

@font-face {
  font-family: Cousine;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/cousine/v29/d6lIkaiiRdih4SpPzSM.ttf") format("truetype");
}

@font-face {
  font-family: Skranji;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/skranji/v14/OZpDg_dtriVFNerMYzs.ttf") format("truetype");
}

@font-face {
  font-family: Recursive;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/recursive/v44/8vJN7wMr0mhh-RQChyHEH06TlXhq_gukbYrFMk1QuAIcyEwG_X-dpEfaE5YaERmK-CImKsvxvU-MXGX2fSqasNfUvz2xbXfn1uEQadCCk018.ttf") format("truetype");
}

@font-face {
  font-family: Source Code Pro;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/sourcecodepro/v31/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DMyQhM4.ttf") format("truetype");
}

@font-face {
  font-family: Share Tech Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/sharetechmono/v16/J7aHnp1uDWRBEqV98dVQztYldFc7pA.ttf") format("truetype");
}

:root {
  --section2BG: white;
  --section2Text: black;
  --background404: #f96b98;
  --text404: black;
  --image404: none;
  --tosContainer: #6b3b61;
  --tosContainerBlue: #564166;
  --commandsBackground: #fffafc;
  --commandsText: black;
  --aboutBG: white;
}

.dark-theme {
  --section2BG: #080808;
  --section2Text: white;
  --background404: #020202;
  --text404: white;
  --image404: .2vw solid white;
  --tosContainer: #12000e;
  --tosContainerBlue: #0a0012;
  --commandsBackground: #050505;
  --commandsText: #fff;
  --aboutBG: black;
}

* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #5a5a5a #000;
  margin: 0;
  padding: 0;
}

html, body {
  z-index: -1000;
  -webkit-touch-callout: none;
  background-color: #000;
  width: 100%;
  position: relative;
}

::selection {
  background-color: #ffbfdd;
}

::-webkit-scrollbar {
  width: 1vw;
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background: #5a5a5a;
}

::-webkit-scrollbar-thumb:hover {
  background: #303030;
}

.no-deco {
  text-decoration: none;
}

.back-to-top {
  z-index: 2000;
  cursor: pointer;
  display: none;
  position: fixed;
  bottom: 1.5rem;
  right: 2rem;
}

.back-to-top:hover {
  filter: brightness(0) invert();
}

.section1 {
  background-color: #f6578a;
  flex-basis: 0;
  align-items: center;
  animation: 5s infinite alternate animate-bgcolor;
  display: flex;
}

.section1-vertical {
  flex-direction: column;
  width: 50%;
  margin-left: -7vw;
}

.button-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blue-button {
  filter: drop-shadow(.4vw .4vw 0 #000);
  background-color: #079fff;
  border: .4vw solid #000;
  width: 25vw;
  margin-bottom: 3vw;
  padding: 1vw;
}

.blue-button:hover {
  cursor: pointer;
  background-color: #ff3cdf;
  border: .4vw solid #fff;
}

.button-text {
  text-align: center;
  font-size: 3vw;
  text-decoration: none;
}

.button-text:hover {
  color: #000;
}

.section1-text {
  color: #fff;
  font-family: Ranchers, sans-serif;
  font-weight: 300;
}

.section1-title {
  text-align: center;
  -webkit-text-stroke: .04em black;
  padding-top: 2vw;
  padding-bottom: 2vw;
  font-size: calc(10px + 4.5vw);
}

.section1-paragraph {
  text-align: center;
  padding-bottom: 4vw;
  font-size: 2.5vw;
}

@supports (paint-order: stroke fill) and (-webkit-text-stroke: 1px black) {
  .stroke-title {
    paint-order: stroke fill;
    -webkit-text-stroke: .15em black;
  }
}

.kisaragi {
  width: 50%;
  height: auto;
  padding-top: 1rem;
  padding-bottom: 2rem;
  padding-left: 1rem;
}

@keyframes animate-bgcolor {
  25% {
    background-color: #f657ce;
  }

  50% {
    background-color: #f657ce;
  }

  75% {
    background-color: #f657af;
  }

  100% {
    background-color: #f65799;
  }
}

@media screen and (max-width: 37.5rem) {
  .section1 {
    flex-direction: column;
  }

  .kisaragi {
    padding: 0;
  }

  .section1-vertical {
    width: 90%;
    margin-left: 0;
  }

  .section1-title {
    padding-top: 0;
    font-size: 10vw;
  }

  .section1-paragraph {
    font-size: 5vw;
  }

  .button-text {
    font-size: 7vw;
  }

  .blue-button, .blue-button:hover {
    filter: drop-shadow(.5vw .5vw 0 #000);
    background-color: #079fff;
    border: .8vw solid #000;
    width: 50vw;
    margin-bottom: 6vw;
    padding: 2vw;
  }

  .blue-button:active {
    background-color: #ff3cdf;
    border: .8vw solid #fff;
  }
}

@font-face {
  font-family: Anton;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/anton/v27/1Ptgg87LROyAm0K0.ttf") format("truetype");
}

@font-face {
  font-family: Ranchers;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/ranchers/v19/zrfm0H3Lx-P2Xvs2AoDY.ttf") format("truetype");
}

@font-face {
  font-family: Chewy;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/chewy/v18/uK_94ruUb-k-wk5x.ttf") format("truetype");
}

@font-face {
  font-family: Cousine;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/cousine/v29/d6lIkaiiRdih4SpPzSM.ttf") format("truetype");
}

@font-face {
  font-family: Skranji;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/skranji/v14/OZpDg_dtriVFNerMYzs.ttf") format("truetype");
}

@font-face {
  font-family: Recursive;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/recursive/v44/8vJN7wMr0mhh-RQChyHEH06TlXhq_gukbYrFMk1QuAIcyEwG_X-dpEfaE5YaERmK-CImKsvxvU-MXGX2fSqasNfUvz2xbXfn1uEQadCCk018.ttf") format("truetype");
}

@font-face {
  font-family: Source Code Pro;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/sourcecodepro/v31/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DMyQhM4.ttf") format("truetype");
}

@font-face {
  font-family: Share Tech Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/sharetechmono/v16/J7aHnp1uDWRBEqV98dVQztYldFc7pA.ttf") format("truetype");
}

:root {
  --section2BG: white;
  --section2Text: black;
  --background404: #f96b98;
  --text404: black;
  --image404: none;
  --tosContainer: #6b3b61;
  --tosContainerBlue: #564166;
  --commandsBackground: #fffafc;
  --commandsText: black;
  --aboutBG: white;
}

.dark-theme {
  --section2BG: #080808;
  --section2Text: white;
  --background404: #020202;
  --text404: white;
  --image404: .2vw solid white;
  --tosContainer: #12000e;
  --tosContainerBlue: #0a0012;
  --commandsBackground: #050505;
  --commandsText: #fff;
  --aboutBG: black;
}

* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #5a5a5a #000;
  margin: 0;
  padding: 0;
}

html, body {
  z-index: -1000;
  -webkit-touch-callout: none;
  background-color: #000;
  width: 100%;
  position: relative;
}

::selection {
  background-color: #ffbfdd;
}

::-webkit-scrollbar {
  width: 1vw;
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background: #5a5a5a;
}

::-webkit-scrollbar-thumb:hover {
  background: #303030;
}

.no-deco {
  text-decoration: none;
}

.back-to-top {
  z-index: 2000;
  cursor: pointer;
  display: none;
  position: fixed;
  bottom: 1.5rem;
  right: 2rem;
}

.back-to-top:hover {
  filter: brightness(0) invert();
}

.section2 {
  background-color: var(--section2BG);
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.section2-container {
  flex-direction: row;
  justify-content: space-evenly;
  padding-top: 2vw;
  display: flex;
}

.section2-container:last-child {
  padding-bottom: 4vw;
}

.section2-vertical {
  flex-direction: column;
  justify-content: center;
  width: 55%;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.section2-heading {
  color: var(--section2Text);
  text-align: center;
  padding-top: 2vw;
  font-family: Anton, sans-serif;
  font-size: calc(30px + 4vw);
  font-weight: 300;
}

.section2-title {
  color: var(--section2Text);
  text-align: center;
  padding-bottom: 3vw;
  font-family: Chewy, sans-serif;
  font-size: calc(12px + 4vw);
  font-weight: 200;
}

.section2-paragraph {
  color: var(--section2Text);
  text-align: center;
  font-family: Cousine, monospace;
  font-size: calc(7px + 1.5vw);
}

.section2-hover:active {
  color: #ff75b5;
}

.fanart {
  z-index: 50;
  width: 45%;
  height: 45%;
  position: relative;
}

.akashinewyear, .laffeychibi {
  width: 55%;
  height: 55%;
}

@media screen and (max-width: 30rem) {
  .section2-title {
    font-size: 6vw;
  }

  .section2-paragraph {
    font-size: 2.5vw;
  }
}

@media screen and (max-width: 15rem) {
  .section2-title {
    font-size: 4vw;
  }

  .section2-paragraph {
    font-size: 2vw;
  }

  .section2-vertical {
    width: 100%;
  }
}

@media screen and (min-width: 37.5rem) {
  .section2-hover:hover {
    color: #ff75b5;
  }
}

@media screen and (min-width: 50rem) {
  .section2-vertical {
    width: 50%;
  }

  .fanart {
    width: 35%;
    height: 35%;
  }

  .akashinewyear, .laffeychibi {
    width: 45%;
    height: 45%;
  }
}

@media screen and (min-width: 63.5rem) {
  .section2-container {
    margin-bottom: -4vw;
    padding-top: 0;
  }

  .section2-container:last-child {
    margin-bottom: -2vw;
  }
}

@media screen and (min-width: 90rem) {
  .section2-container {
    margin-bottom: -8vw;
  }

  .section2-container:last-child {
    margin-bottom: -4vw;
  }

  .hammann {
    margin-top: 4vw;
  }
}

.commands {
  background-color: var(--commandsBackground);
  flex-direction: column;
  display: flex;
}

.commands-top-section {
  flex-direction: row;
  justify-content: center;
  padding-top: 2vw;
  padding-bottom: 2vw;
  display: flex;
}

.commands-top-section-text {
  flex-direction: column;
  justify-content: center;
  width: 50%;
  display: flex;
}

.commands-header {
  text-align: center;
  color: #ff35d3;
  font-family: Skranji, sans-serif;
  font-size: 8vw;
}

.commands-paragraph {
  text-align: center;
  color: #ff88e7;
  font-family: Skranji, sans-serif;
  font-size: 2vw;
}

.commands-hr {
  background-color: #ff26d0;
  border: none;
  border-radius: 3rem;
  width: 80%;
  height: .2rem;
  margin: auto auto 2vw;
}

.kisaraginewyear {
  width: 15%;
  height: 15%;
  margin-top: 2vw;
  margin-left: 4vw;
}

.kisaraginewyear:active {
  filter: brightness(110%);
}

.categories {
  flex-direction: column;
  align-items: center;
  padding-bottom: 2vw;
  display: flex;
}

.category-row {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.category {
  cursor: pointer;
  margin-top: 1.5vw;
  margin-right: 1.5vw;
  transition: transform 80ms;
}

.category:active {
  transform: translateY(-.5vw);
}

.command-columns {
  flex-direction: column;
  align-items: center;
  padding-bottom: 2vw;
  display: flex;
}

.command-box {
  border: .15vw solid #3c45ff;
  flex-direction: column;
  width: 80%;
  margin-bottom: 2vw;
  padding: 1vw;
  display: flex;
}

.command-container {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.command-text-container {
  align-items: center;
  width: 100%;
  display: flex;
}

.command-name {
  color: #5559ff;
  filter: brightness(110%);
  font-family: Skranji, sans-serif;
  font-size: 2vw;
}

.command-name span:active {
  color: #fff;
}

.command-desc-container {
  width: 70%;
  margin-left: 2vw;
  display: flex;
}

.command-desc {
  color: #5579ff;
  word-wrap: break-word;
  font-family: Skranji, sans-serif;
  font-size: 1.5vw;
}

.command-desc span:active {
  color: #fff;
}

.command-details {
  margin-top: 1vw;
  display: none;
}

.command-aliases {
  margin-bottom: .3vw;
  font-family: Share Tech Mono, monospace;
  font-size: 1.2vw;
}

.command-aliases span:active {
  color: #fff;
}

.command-cooldown {
  margin-bottom: .3vw;
  font-family: Share Tech Mono, monospace;
  font-size: 1.2vw;
}

.command-cooldown span:active {
  color: #fff;
}

.command-help {
  color: #9198fd;
  margin-bottom: .3vw;
  font-family: Share Tech Mono, monospace;
  font-size: 1.3vw;
}

.command-examples {
  margin-bottom: 1vw;
  font-family: Share Tech Mono, monospace;
  font-size: 1.2vw;
}

.command-detail-color {
  color: #505cff;
}

.show-pic-container {
  justify-content: center;
  display: flex;
}

.show-pic {
  cursor: pointer;
}

.show-pic:active {
  filter: brightness(0) invert();
}

.hide-show-pic {
  display: none;
}

.example-image {
  margin: auto;
  display: none;
}

.command-selection::selection {
  background-color: #626aff;
}

@media screen and (min-width: 37.5rem) {
  .category:hover {
    transform: translateY(-.5vw);
  }

  .show-pic:hover {
    filter: brightness(0) invert();
  }

  .command-name span:hover, .command-desc span:hover, .command-aliases span:hover, .command-cooldown span:hover {
    color: #fff;
  }
}

.admin-command-box {
  border: .15vw solid #ff3c76;
}

.admin-command-name {
  color: #f58;
}

.admin-command-desc {
  color: #ff558e;
}

.admin-command-detail-color {
  color: #ff50a2;
}

.admin-command-help {
  color: #fd91ba;
}

.admin-command-selection::selection {
  background-color: #ff6289;
}

.admin-show-pic {
  filter: hue-rotate(90deg);
}

.anime-command-box {
  border: .15vw solid #ff3cf5;
}

.anime-command-name {
  color: #ff55e3;
}

.anime-command-desc {
  color: #f955ff;
}

.anime-command-detail-color {
  color: #ff50f6;
}

.anime-command-help {
  color: #fd91fd;
}

.anime-command-selection::selection {
  background-color: #ff62f7;
}

.anime-show-pic {
  filter: hue-rotate(50deg);
}

.config-command-box {
  border: .15vw solid #3c7aff;
}

.config-command-name {
  color: #5bf;
}

.config-command-desc {
  color: #55b2ff;
}

.config-command-detail-color {
  color: #50aaff;
}

.config-command-help {
  color: #91d2fd;
}

.config-command-selection::selection {
  background-color: #62b3ff;
}

.config-show-pic {
  filter: hue-rotate(-10deg);
}

.fun-command-box {
  border: .15vw solid #78ff6c;
}

.fun-command-name {
  color: #8fff73;
}

.fun-command-desc {
  color: #7cff77;
}

.fun-command-detail-color {
  color: #91ff7b;
}

.fun-command-help {
  color: #91fd91;
}

.fun-command-selection::selection {
  background-color: #8dff7e;
}

.fun-show-pic {
  filter: hue-rotate(-90deg);
}

.game-command-box {
  border: .15vw solid #ff3cff;
}

.game-command-name {
  color: #ff55e3;
}

.game-command-desc {
  color: #ff55f1;
}

.game-command-detail-color {
  color: #ff50f0;
}

.game-command-help {
  color: #fd91fd;
}

.game-command-selection::selection {
  background-color: #ff62ff;
}

.game-show-pic {
  filter: hue-rotate(70deg);
}

.heart-command-box {
  border: .15vw solid #ff3c46;
}

.heart-command-name, .heart-command-desc {
  color: #ff556c;
}

.heart-command-detail-color {
  color: #ff505f;
}

.heart-command-help {
  color: #fd91a3;
}

.heart-command-selection::selection {
  background-color: #ff627c;
}

.heart-show-pic {
  filter: hue-rotate(110deg);
}

.image-command-box {
  border: .15vw solid #3c70ff;
}

.image-command-name, .image-command-desc {
  color: #5582ff;
}

.image-command-detail-color {
  color: #5079ff;
}

.image-command-help {
  color: #91b7fd;
}

.image-command-selection::selection {
  background-color: #62a1ff;
}

.image-show-pic {
  filter: hue-rotate(-10deg);
}

.info-command-box {
  border: .15vw solid #873cff;
}

.info-command-name {
  color: #ad55ff;
}

.info-command-desc {
  color: #9655ff;
}

.info-command-detail-color {
  color: #9c50ff;
}

.info-command-help {
  color: #c091fd;
}

.info-command-selection::selection {
  background-color: #b362ff;
}

.info-show-pic {
  filter: hue-rotate(30deg);
}

.weeb-command-box {
  border: .15vw solid #ff3cb4;
}

.weeb-command-name {
  color: #ff55c6;
}

.weeb-command-desc {
  color: #f5c;
}

.weeb-command-detail-color {
  color: #ff50d9;
}

.weeb-command-help {
  color: #fd91dd;
}

.weeb-command-selection::selection {
  background-color: #ff62be;
}

.weeb-show-pic {
  filter: hue-rotate(70deg);
}

.level-command-box {
  border: .15vw solid #ff8a3c;
}

.level-command-name {
  color: #ffb555;
}

.level-command-desc {
  color: #ffa755;
}

.level-command-detail-color {
  color: #ffa550;
}

.level-command-help {
  color: #fdc591;
}

.level-command-selection::selection {
  background-color: #ffae62;
}

.level-show-pic {
  filter: hue-rotate(-200deg);
}

.lewd-command-box {
  border: .15vw solid #d13cff;
}

.lewd-command-name {
  color: #c955ff;
}

.lewd-command-desc {
  color: #d5f;
}

.lewd-command-detail-color {
  color: #c850ff;
}

.lewd-command-help {
  color: #d291fd;
}

.lewd-command-selection::selection {
  background-color: #d262ff;
}

.lewd-show-pic {
  filter: hue-rotate(30deg);
}

.misc-command-box {
  border: .15vw solid #ff3c97;
}

.misc-command-name {
  color: #ff559c;
}

.misc-command-desc {
  color: #ff5596;
}

.misc-command-detail-color {
  color: #ff5099;
}

.misc-command-help {
  color: #fd91ba;
}

.misc-command-selection::selection {
  background-color: #ff62ab;
}

.misc-show-pic {
  filter: hue-rotate(90deg);
}

.mod-command-box {
  border: .15vw solid #a73cff;
}

.mod-command-name {
  color: #b5f;
}

.mod-command-desc {
  color: #b255ff;
}

.mod-command-detail-color {
  color: #b950ff;
}

.mod-command-help {
  color: #c991fd;
}

.mod-command-selection::selection {
  background-color: #b862ff;
}

.mod-show-pic {
  filter: hue-rotate(30deg);
}

.music-command-box {
  border: .15vw solid #ff3ce5;
}

.music-command-name {
  color: #ff55da;
}

.music-command-desc {
  color: #ff55e3;
}

.music-command-detail-color {
  color: #f050ff;
}

.music-command-help {
  color: #fd91fd;
}

.music-command-selection::selection {
  background-color: #ff62ff;
}

.music-show-pic {
  filter: hue-rotate(60deg);
}

.music2-command-box {
  border: .15vw solid #ff3c97;
}

.music2-command-name {
  color: #ff55b2;
}

.music2-command-desc {
  color: #f5a;
}

.music2-command-detail-color {
  color: #ff50a2;
}

.music2-command-help {
  color: #fd91cc;
}

.music2-command-selection::selection {
  background-color: #ff629e;
}

.music2-show-pic {
  filter: hue-rotate(90deg);
}

.video-command-box {
  border: .15vw solid #ff3c56;
}

.video-command-name {
  color: #ff556c;
}

.video-command-desc {
  color: #ff557a;
}

.video-command-detail-color {
  color: #ff5076;
}

.video-command-help {
  color: #fd91b1;
}

.video-command-selection::selection {
  background-color: #ff6277;
}

.video-show-pic {
  filter: hue-rotate(110deg);
}

.waifu-command-box {
  border: .15vw solid #3ce8ff;
}

.waifu-command-name {
  color: #55ebff;
}

.waifu-command-desc {
  color: #55e5ff;
}

.waifu-command-detail-color {
  color: #50f3ff;
}

.waifu-command-help {
  color: #91f9fd;
}

.waifu-command-selection::selection {
  background-color: #62e0ff;
}

.waifu-show-pic {
  filter: hue-rotate(-70deg);
}

.website-command-box {
  border: .15vw solid #3c97ff;
}

.website-command-name {
  color: #55a4ff;
}

.website-command-desc {
  color: #559fff;
}

.website-command-detail-color {
  color: #50aaff;
}

.website-command-help {
  color: #91c0fd;
}

.website-command-selection::selection {
  background-color: #62abff;
}

.website-show-pic {
  filter: hue-rotate(-20deg);
}

.website2-command-box {
  border: .15vw solid #ff3cd5;
}

.website2-command-name {
  color: #ff55e3;
}

.website2-command-desc {
  color: #ff55e8;
}

.website2-command-detail-color {
  color: #ff50f0;
}

.website2-command-help {
  color: #fd91e6;
}

.website2-command-selection::selection {
  background-color: #ff62f2;
}

.website2-show-pic {
  filter: hue-rotate(60deg);
}

.music3-command-box {
  border: .15vw solid #ef3cff;
}

.music3-command-name, .music3-command-desc {
  color: #f155ff;
}

.music3-command-detail-color {
  color: #f050ff;
}

.music3-command-help {
  color: #f991fd;
}

.music3-command-selection::selection {
  background-color: #ed62ff;
}

.music3-show-pic {
  filter: hue-rotate(40deg);
}

.reddit-command-box {
  border: .15vw solid #ff533c;
}

.reddit-command-name, .reddit-command-desc {
  color: #ff6955;
}

.reddit-command-detail-color {
  color: #ff6450;
}

.reddit-command-help {
  color: #fda191;
}

.reddit-command-selection::selection {
  background-color: #ff7962;
}

.reddit-show-pic {
  filter: hue-rotate(120deg);
}

.twitter-command-box {
  border: .15vw solid #3cd8ff;
}

.twitter-command-name {
  color: #55ebff;
}

.twitter-command-desc {
  color: #55f4ff;
}

.twitter-command-detail-color {
  color: #50f3ff;
}

.twitter-command-help {
  color: #91f9fd;
}

.twitter-command-selection::selection {
  background-color: #62edff;
}

.twitter-show-pic {
  filter: hue-rotate(-70deg);
}

.misc2-command-box {
  border: .15vw solid #ff3cae;
}

.misc2-command-name {
  color: #ff55b8;
}

.misc2-command-desc {
  color: #ff55b2;
}

.misc2-command-detail-color {
  color: #ff50b0;
}

.misc2-command-help {
  color: #fd91c7;
}

.misc2-command-selection::selection {
  background-color: #ff62c3;
}

.misc2-show-pic {
  filter: hue-rotate(90deg);
}

.website3-command-box {
  border: .15vw solid #3ca1ff;
}

.website3-command-name {
  color: #55adff;
}

.website3-command-desc {
  color: #55c9ff;
}

.website3-command-detail-color {
  color: #50b9ff;
}

.website3-command-help {
  color: #91ccfd;
}

.website3-command-selection::selection {
  background-color: #62b3ff;
}

.website3-show-pic {
  filter: hue-rotate(-50deg);
}

.botdev-command-box {
  border: .15vw solid #3c3fff;
}

.botdev-command-name {
  color: #5558ff;
}

.botdev-command-desc {
  color: #5855ff;
}

.botdev-command-detail-color {
  color: #5053ff;
}

.botdev-command-help {
  color: #9198fd;
}

.botdev-command-selection::selection {
  background-color: #6272ff;
}

.botdev-show-pic {
  filter: hue-rotate(10deg);
}

.label {
  width: 10%;
  height: 10%;
}

.categories-mobile {
  display: none;
}

.command-img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 62.5rem) {
  .commands-header {
    font-size: 10vw;
  }

  .commands-paragraph {
    font-size: 2.5vw;
  }

  .commands-hr {
    width: 80%;
    height: .08rem;
  }

  .kisaraginewyear {
    width: 20%;
    height: 20%;
  }

  .category {
    margin-top: 1.5vw;
    margin-right: 1.5vw;
  }

  .command-box {
    border-width: .3vw;
    margin-bottom: 4vw;
    padding: 1.5vw;
  }

  .command-name {
    font-size: 4vw;
  }

  .command-desc {
    font-size: 2vw;
  }

  .label {
    width: 20%;
    height: 20%;
  }

  .command-aliases, .command-cooldown, .command-help, .command-examples {
    font-size: 2vw;
  }

  .show-pic {
    width: 10%;
    height: 10%;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }
}

@media screen and (max-width: 37.5rem) {
  .commands-header {
    font-size: 10vw;
  }

  .commands-paragraph {
    font-size: 2.5vw;
  }

  .commands-hr {
    width: 80%;
    height: .08rem;
  }

  .kisaraginewyear {
    width: 20%;
    height: 20%;
  }

  .category {
    margin-top: 5vw;
    margin-right: 5vw;
  }

  .categories {
    display: none;
  }

  .categories-mobile {
    flex-direction: column;
    align-items: center;
    padding-bottom: 4vw;
    display: flex;
  }

  .command-box {
    border-width: .5vw;
    margin-bottom: 4vw;
    padding: 1.5vw;
  }

  .command-name {
    font-size: 5vw;
  }

  .command-desc {
    font-size: 3vw;
  }

  .label {
    width: 20%;
    height: 20%;
  }

  .command-aliases, .command-cooldown, .command-help, .command-examples {
    font-size: 3.7vw;
  }

  .show-pic {
    width: 20%;
    height: 20%;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}

input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

input[type="search"]::-webkit-search-results-button {
  display: none;
}

input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input:focus, button:focus {
  outline: none;
}

.commands-search-bar {
  justify-content: center;
  height: 5vw;
  margin-top: 2vw;
  margin-bottom: 4vw;
  display: flex;
}

.commands-search-container {
  border: .2vw solid #ff21e1;
  justify-content: center;
  display: flex;
}

.commands-search {
  color: #ff3aef;
  background-color: #0000;
  border: none;
  width: 100%;
  font-family: Skranji, sans-serif;
  font-size: 4vw;
}

.commands-search::placeholder {
  color: #fff;
  font-size: 3vw;
}

.commands-search-button {
  cursor: pointer;
  background-color: #ff21cf;
  border: none;
  justify-content: center;
  align-items: center;
  width: 20%;
  display: flex;
}

.search-icon {
  width: 30%;
  height: 70%;
}

.commands-search-container:active {
  border: .2vw solid #ff74e1;
}

.commands-search-button:active {
  background-color: #ff3def;
}

.search-icon:active {
  filter: brightness(0);
}

@media screen and (min-width: 37.5rem) {
  .commands-search-container:hover {
    border: .2vw solid #ff74e1;
  }

  .commands-search-button:hover {
    background-color: #ff3def;
  }

  .search-icon:hover {
    filter: brightness(0);
  }
}

@media screen and (max-width: 37.5rem) {
  .commands-search-bar {
    height: 8vw;
  }

  .commands-search-container {
    width: 70%;
  }

  .search-icon {
    width: 40%;
    height: 70%;
  }
}

@font-face {
  font-family: Anton;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/anton/v27/1Ptgg87LROyAm0K0.ttf") format("truetype");
}

@font-face {
  font-family: Ranchers;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/ranchers/v19/zrfm0H3Lx-P2Xvs2AoDY.ttf") format("truetype");
}

@font-face {
  font-family: Chewy;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/chewy/v18/uK_94ruUb-k-wk5x.ttf") format("truetype");
}

@font-face {
  font-family: Cousine;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/cousine/v29/d6lIkaiiRdih4SpPzSM.ttf") format("truetype");
}

@font-face {
  font-family: Skranji;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/skranji/v14/OZpDg_dtriVFNerMYzs.ttf") format("truetype");
}

@font-face {
  font-family: Recursive;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/recursive/v44/8vJN7wMr0mhh-RQChyHEH06TlXhq_gukbYrFMk1QuAIcyEwG_X-dpEfaE5YaERmK-CImKsvxvU-MXGX2fSqasNfUvz2xbXfn1uEQadCCk018.ttf") format("truetype");
}

@font-face {
  font-family: Source Code Pro;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/sourcecodepro/v31/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DMyQhM4.ttf") format("truetype");
}

@font-face {
  font-family: Share Tech Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/sharetechmono/v16/J7aHnp1uDWRBEqV98dVQztYldFc7pA.ttf") format("truetype");
}

:root {
  --section2BG: white;
  --section2Text: black;
  --background404: #f96b98;
  --text404: black;
  --image404: none;
  --tosContainer: #6b3b61;
  --tosContainerBlue: #564166;
  --commandsBackground: #fffafc;
  --commandsText: black;
  --aboutBG: white;
}

.dark-theme {
  --section2BG: #080808;
  --section2Text: white;
  --background404: #020202;
  --text404: white;
  --image404: .2vw solid white;
  --tosContainer: #12000e;
  --tosContainerBlue: #0a0012;
  --commandsBackground: #050505;
  --commandsText: #fff;
  --aboutBG: black;
}

* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #5a5a5a #000;
  margin: 0;
  padding: 0;
}

html, body {
  z-index: -1000;
  -webkit-touch-callout: none;
  background-color: #000;
  width: 100%;
  position: relative;
}

::selection {
  background-color: #ffbfdd;
}

::-webkit-scrollbar {
  width: 1vw;
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background: #5a5a5a;
}

::-webkit-scrollbar-thumb:hover {
  background: #303030;
}

.no-deco {
  text-decoration: none;
}

.back-to-top {
  z-index: 2000;
  cursor: pointer;
  display: none;
  position: fixed;
  bottom: 1.5rem;
  right: 2rem;
}

.back-to-top:hover {
  filter: brightness(0) invert();
}

.tos-container {
  background-color: var(--tosContainer);
  transition: all 1s;
}

.tos-container-blue {
  background-color: var(--tosContainerBlue);
}

.tos-transition {
  transition: none;
}

.tos-container-light {
  background-color: #0000001a;
}

.terms-of-service {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.tos-vertical {
  flex-direction: column;
  justify-content: center;
  width: 80%;
  padding-top: 2vw;
  padding-bottom: 3vw;
  display: flex;
}

.tos-header {
  color: #ff21a2;
  padding-left: 1vw;
  font-family: Skranji, sans-serif;
  font-size: 5vw;
}

.tos-header-text-container {
  align-items: center;
  margin-bottom: 2vw;
  padding-left: 1vw;
  transition: filter .1s;
  display: flex;
}

.tos-header-text-container:hover {
  filter: brightness(0) invert();
}

.tos-header-container {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.tos-hr {
  background-color: #ff26aa;
  border: none;
  border-radius: 3rem;
  height: .2rem;
  margin-bottom: 2vw;
}

.tos-paragraph {
  color: #ff4ef9;
  padding-bottom: 2vw;
  font-family: Source Code Pro, monospace;
  font-size: 1.5vw;
}

.tos-title {
  color: #ff16db;
  padding-bottom: 1vw;
  font-family: Source Code Pro, monospace;
  font-size: 3vw;
}

.tos-title:hover {
  color: #fff;
}

.tos-list-title {
  color: #ff16a6;
  font-family: Source Code Pro, monospace;
  font-size: 2vw;
}

.tos-list-detail {
  color: #ff66d6;
  margin-left: 6vw;
  font-family: Source Code Pro, monospace;
  font-size: 1.5vw;
}

.tos-list-detail:last-child {
  padding-bottom: 2vw;
}

details {
  margin-top: -1vw;
}

summary {
  outline: none;
  align-items: center;
  display: inline-flex;
}

summary span:hover {
  color: #fff;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}

.tos-list-title:before {
  content: url(/static/image/redarrow.png);
  transform: scale(.5);
}

details[open] .tos-list-title:before {
  content: url(/static/image/redarrow.png);
  transform: rotate(90deg)scale(.5);
}

.hinako {
  width: 15%;
  height: auto;
  margin-right: 10vw;
}

.mayuki {
  width: 20%;
  height: auto;
  margin-right: 8vw;
}

.hinako:active, .mayuki:active {
  filter: brightness(110%);
}

.privacy-policy {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.blue-select::selection {
  background-color: #3268ff;
}

.privacy-vertical {
  flex-direction: column;
  justify-content: center;
  width: 80%;
  padding-top: 2vw;
  padding-bottom: 3vw;
  display: flex;
}

.privacy-header {
  color: #217fff;
  padding-left: 1vw;
  font-family: Skranji, sans-serif;
  font-size: 5vw;
}

.privacy-header-text-container {
  align-items: center;
  margin-bottom: 2vw;
  padding-left: 1vw;
  transition: filter .1s;
  display: flex;
}

.privacy-header-text-container:hover {
  filter: brightness(0) invert();
}

.privacy-header-container {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.privacy-hr {
  background-color: #2661ff;
  border: none;
  border-radius: 3rem;
  height: .2rem;
  margin-bottom: 2vw;
}

.privacy-paragraph {
  color: #4e86ff;
  padding-bottom: 2vw;
  font-family: Source Code Pro, monospace;
  font-size: 1.5vw;
}

.privacy-title {
  color: #168fff;
  padding-bottom: 1vw;
  font-family: Source Code Pro, monospace;
  font-size: 3vw;
}

.privacy-title:hover {
  color: #fff;
}

.privacy-list-title {
  color: #16a5ff;
  font-family: Source Code Pro, monospace;
  font-size: 2vw;
}

.privacy-list-detail {
  color: #6af;
  margin-left: 6vw;
  font-family: Source Code Pro, monospace;
  font-size: 1.5vw;
}

.privacy-list-detail:last-child {
  padding-bottom: 2vw;
}

.privacy-list-title:before {
  content: url(/static/image/bluearrow.png);
  transform: scale(.5);
}

details[open] .privacy-list-title:before {
  content: url(/static/image/bluearrow.png);
  transform: rotate(90deg)scale(.5);
}

.tos-img {
  width: 15%;
  height: auto;
}

@media screen and (max-width: 60rem) {
  .tos-vertical, .privacy-vertical {
    width: 80%;
  }

  .tos-header, .privacy-header {
    font-size: 5.2vw;
  }

  .tos-paragraph, .privacy-paragraph {
    font-size: 2vw;
  }

  .tos-title, .privacy-title {
    font-size: 4vw;
  }

  .tos-list-title, .privacy-list-title {
    font-size: 3vw;
  }

  .tos-list-detail, .privacy-list-detail {
    font-size: 2vw;
  }

  .tos-list-title:before, .privacy-list-title:before {
    transform: scale(.3);
  }

  details[open] .tos-list-title:before, details[open] .privacy-list-title:before {
    transform: rotate(90deg)scale(.3);
  }
}

@media screen and (max-width: 37.5rem) {
  .tos-vertical, .privacy-vertical {
    width: 90%;
  }

  .tos-header, .privacy-header {
    font-size: 7vw;
  }

  .tos-paragraph, .privacy-paragraph {
    font-size: 2.5vw;
  }

  .tos-title, .privacy-title {
    font-size: 5vw;
  }

  .tos-list-title, .privacy-list-title {
    font-size: 4vw;
  }

  .tos-list-detail, .privacy-list-detail {
    font-size: 3vw;
  }

  .hinako {
    margin-right: 5vw;
  }

  .mayuki {
    margin-right: 3vw;
  }

  .tos-list-title:before, .privacy-list-title:before, details[open] .tos-list-title:before, details[open] .privacy-list-title:before {
    display: none;
  }
}

@font-face {
  font-family: Anton;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/anton/v27/1Ptgg87LROyAm0K0.ttf") format("truetype");
}

@font-face {
  font-family: Ranchers;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/ranchers/v19/zrfm0H3Lx-P2Xvs2AoDY.ttf") format("truetype");
}

@font-face {
  font-family: Chewy;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/chewy/v18/uK_94ruUb-k-wk5x.ttf") format("truetype");
}

@font-face {
  font-family: Cousine;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/cousine/v29/d6lIkaiiRdih4SpPzSM.ttf") format("truetype");
}

@font-face {
  font-family: Skranji;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/skranji/v14/OZpDg_dtriVFNerMYzs.ttf") format("truetype");
}

@font-face {
  font-family: Recursive;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/recursive/v44/8vJN7wMr0mhh-RQChyHEH06TlXhq_gukbYrFMk1QuAIcyEwG_X-dpEfaE5YaERmK-CImKsvxvU-MXGX2fSqasNfUvz2xbXfn1uEQadCCk018.ttf") format("truetype");
}

@font-face {
  font-family: Source Code Pro;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/sourcecodepro/v31/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DMyQhM4.ttf") format("truetype");
}

@font-face {
  font-family: Share Tech Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/sharetechmono/v16/J7aHnp1uDWRBEqV98dVQztYldFc7pA.ttf") format("truetype");
}

:root {
  --section2BG: white;
  --section2Text: black;
  --background404: #f96b98;
  --text404: black;
  --image404: none;
  --tosContainer: #6b3b61;
  --tosContainerBlue: #564166;
  --commandsBackground: #fffafc;
  --commandsText: black;
  --aboutBG: white;
}

.dark-theme {
  --section2BG: #080808;
  --section2Text: white;
  --background404: #020202;
  --text404: white;
  --image404: .2vw solid white;
  --tosContainer: #12000e;
  --tosContainerBlue: #0a0012;
  --commandsBackground: #050505;
  --commandsText: #fff;
  --aboutBG: black;
}

* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #5a5a5a #000;
  margin: 0;
  padding: 0;
}

html, body {
  z-index: -1000;
  -webkit-touch-callout: none;
  background-color: #000;
  width: 100%;
  position: relative;
}

::selection {
  background-color: #ffbfdd;
}

::-webkit-scrollbar {
  width: 1vw;
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background: #5a5a5a;
}

::-webkit-scrollbar-thumb:hover {
  background: #303030;
}

.no-deco {
  text-decoration: none;
}

.back-to-top {
  z-index: 2000;
  cursor: pointer;
  display: none;
  position: fixed;
  bottom: 1.5rem;
  right: 2rem;
}

.back-to-top:hover {
  filter: brightness(0) invert();
}

.section-404 {
  background-color: var(--background404);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-404 {
  text-align: center;
  color: var(--text404);
  font-family: Skranji, sans-serif;
  font-size: 12vw;
  font-weight: 200;
  transition: color .2s ease-out;
}

.img-404 {
  border: var(--image404);
  width: 35%;
  height: 35%;
  margin-bottom: 5vw;
}

@font-face {
  font-family: Anton;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/anton/v27/1Ptgg87LROyAm0K0.ttf") format("truetype");
}

@font-face {
  font-family: Ranchers;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/ranchers/v19/zrfm0H3Lx-P2Xvs2AoDY.ttf") format("truetype");
}

@font-face {
  font-family: Chewy;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/chewy/v18/uK_94ruUb-k-wk5x.ttf") format("truetype");
}

@font-face {
  font-family: Cousine;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/cousine/v29/d6lIkaiiRdih4SpPzSM.ttf") format("truetype");
}

@font-face {
  font-family: Skranji;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/skranji/v14/OZpDg_dtriVFNerMYzs.ttf") format("truetype");
}

@font-face {
  font-family: Recursive;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/recursive/v44/8vJN7wMr0mhh-RQChyHEH06TlXhq_gukbYrFMk1QuAIcyEwG_X-dpEfaE5YaERmK-CImKsvxvU-MXGX2fSqasNfUvz2xbXfn1uEQadCCk018.ttf") format("truetype");
}

@font-face {
  font-family: Source Code Pro;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/sourcecodepro/v31/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DMyQhM4.ttf") format("truetype");
}

@font-face {
  font-family: Share Tech Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/sharetechmono/v16/J7aHnp1uDWRBEqV98dVQztYldFc7pA.ttf") format("truetype");
}

:root {
  --section2BG: white;
  --section2Text: black;
  --background404: #f96b98;
  --text404: black;
  --image404: none;
  --tosContainer: #6b3b61;
  --tosContainerBlue: #564166;
  --commandsBackground: #fffafc;
  --commandsText: black;
  --aboutBG: white;
}

.dark-theme {
  --section2BG: #080808;
  --section2Text: white;
  --background404: #020202;
  --text404: white;
  --image404: .2vw solid white;
  --tosContainer: #12000e;
  --tosContainerBlue: #0a0012;
  --commandsBackground: #050505;
  --commandsText: #fff;
  --aboutBG: black;
}

* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #5a5a5a #000;
  margin: 0;
  padding: 0;
}

html, body {
  z-index: -1000;
  -webkit-touch-callout: none;
  background-color: #000;
  width: 100%;
  position: relative;
}

::selection {
  background-color: #ffbfdd;
}

::-webkit-scrollbar {
  width: 1vw;
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background: #5a5a5a;
}

::-webkit-scrollbar-thumb:hover {
  background: #303030;
}

.no-deco {
  text-decoration: none;
}

.back-to-top {
  z-index: 2000;
  cursor: pointer;
  display: none;
  position: fixed;
  bottom: 1.5rem;
  right: 2rem;
}

.back-to-top:hover {
  filter: brightness(0) invert();
}

.about {
  background-color: var(--aboutBG);
  padding: 1vw 1vw 2vw 2vw;
}

.about-header {
  color: #ff21a2;
  font-family: Skranji, sans-serif;
  font-size: 5vw;
}

.about-paragraph-container {
  align-items: center;
  margin-top: -3vw;
  display: flex;
}

.about-paragraph {
  color: #ff4ef9;
  flex-wrap: wrap;
  margin-bottom: 2vw;
  font-family: Source Code Pro, monospace;
  font-size: 1.5vw;
}

.about-img {
  width: 100%;
  height: 100%;
  padding-right: 10vw;
}

.about-img:active {
  filter: brightness(120%);
}

.about-link {
  color: #ff1c7a;
  letter-spacing: .1rem;
  word-spacing: .5rem;
  font-family: Skranji, sans-serif;
  text-decoration: none;
}

.about-link:active, .about-link:hover {
  color: #fff;
}

.about-ul {
  margin-top: -3vw;
  list-style-type: none;
}

.about-list {
  color: #ff2190;
  align-items: center;
  font-family: Skranji, sans-serif;
  font-size: 2vw;
  display: flex;
}

.about-list:before {
  content: url(/static/image/star.gif);
  zoom: .12;
  padding-left: 3.5vw;
  padding-right: 5vw;
}

.about-list span {
  margin-right: .5vw;
}

.about-header-small {
  color: #f3b;
  margin-top: 2vw;
  margin-bottom: 1vw;
  font-family: Source Code Pro, monospace;
  font-size: 2vw;
}

.about-social-links {
  list-style-type: none;
}

.about-social-link {
  color: #ff2190;
  font-family: Skranji, sans-serif;
  font-size: 1.7vw;
  text-decoration: none;
}

.about-social-link:before {
  content: url(/static/image/star.gif);
  zoom: .12;
  padding-right: 3.5vw;
}

.about-social-link span:active, .about-social-link span:hover {
  color: #fff;
}

@media screen and (max-width: 37.5rem) {
  .about {
    padding-bottom: 5vw;
  }

  .about-paragraph-container {
    flex-direction: column-reverse;
  }

  .about-img {
    width: 50%;
    height: 50%;
    margin-top: 5vw;
    margin-bottom: 5vw;
  }

  .about-header {
    text-align: center;
    margin-left: -4vw;
    font-size: 10vw;
  }

  .about-paragraph {
    margin-bottom: 6vw;
    font-size: 3.5vw;
  }

  .about-list {
    font-size: 4vw;
  }

  .about-list:before {
    zoom: .1;
  }

  .about-header-small {
    margin-top: 4vw;
    margin-bottom: 4vw;
    font-size: 4vw;
  }

  .about-social-link {
    font-size: 4vw;
  }

  .about-social-link:before {
    zoom: .1;
  }
}

@font-face {
  font-family: Anton;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/anton/v27/1Ptgg87LROyAm0K0.ttf") format("truetype");
}

@font-face {
  font-family: Ranchers;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/ranchers/v19/zrfm0H3Lx-P2Xvs2AoDY.ttf") format("truetype");
}

@font-face {
  font-family: Chewy;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/chewy/v18/uK_94ruUb-k-wk5x.ttf") format("truetype");
}

@font-face {
  font-family: Cousine;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/cousine/v29/d6lIkaiiRdih4SpPzSM.ttf") format("truetype");
}

@font-face {
  font-family: Skranji;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/skranji/v14/OZpDg_dtriVFNerMYzs.ttf") format("truetype");
}

@font-face {
  font-family: Recursive;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/recursive/v44/8vJN7wMr0mhh-RQChyHEH06TlXhq_gukbYrFMk1QuAIcyEwG_X-dpEfaE5YaERmK-CImKsvxvU-MXGX2fSqasNfUvz2xbXfn1uEQadCCk018.ttf") format("truetype");
}

@font-face {
  font-family: Source Code Pro;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/sourcecodepro/v31/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DMyQhM4.ttf") format("truetype");
}

@font-face {
  font-family: Share Tech Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/sharetechmono/v16/J7aHnp1uDWRBEqV98dVQztYldFc7pA.ttf") format("truetype");
}

:root {
  --section2BG: white;
  --section2Text: black;
  --background404: #f96b98;
  --text404: black;
  --image404: none;
  --tosContainer: #6b3b61;
  --tosContainerBlue: #564166;
  --commandsBackground: #fffafc;
  --commandsText: black;
  --aboutBG: white;
}

.dark-theme {
  --section2BG: #080808;
  --section2Text: white;
  --background404: #020202;
  --text404: white;
  --image404: .2vw solid white;
  --tosContainer: #12000e;
  --tosContainerBlue: #0a0012;
  --commandsBackground: #050505;
  --commandsText: #fff;
  --aboutBG: black;
}

* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #5a5a5a #000;
  margin: 0;
  padding: 0;
}

html, body {
  z-index: -1000;
  -webkit-touch-callout: none;
  background-color: #000;
  width: 100%;
  position: relative;
}

::selection {
  background-color: #ffbfdd;
}

::-webkit-scrollbar {
  width: 1vw;
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background: #5a5a5a;
}

::-webkit-scrollbar-thumb:hover {
  background: #303030;
}

.no-deco {
  text-decoration: none;
}

.back-to-top {
  z-index: 2000;
  cursor: pointer;
  display: none;
  position: fixed;
  bottom: 1.5rem;
  right: 2rem;
}

.back-to-top:hover {
  filter: brightness(0) invert();
}