@font-face {
      font-family: 'site-body';
      src: url('https://files.catbox.moe/bwxohl.ttf') format('truetype');
        }
        @font-face {
      font-family: 'site-bold';
      src: url('https://files.catbox.moe/riw0ls.ttf') format('truetype');
        }
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* SCROLL BAR */

::-webkit-scrollbar {
  width: 16px;
  height: 16px;
  background: none;
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-button {
  background: #8b0000; 
  box-shadow:
    inset 1px 1px #d06060,
    inset -1px -1px #3a0000;
  border: 1px solid;
  border-color: #b03030 #000 #000 #b03030;
}

::-webkit-scrollbar-track {
  image-rendering: pixelated;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAyIDIiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxwYXRoIHN0cm9rZT0iIzQwMDAwMCIgZD0iTTAgMGgxTTAgMWgxIiAvPgo8L3N2Zz4=");
  background-repeat: repeat;
  background-size: 2px;
}

::-webkit-scrollbar-button {
  background-repeat: no-repeat;
  background-size: 16px;
}

::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIC0wLjUgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPHBhdGggc3Ryb2tlPSIjZmZjY2NjIiBkPSJNNyA1aDEgTTYgNmgzTTUgN2g1TTQgOGg3Ii8+Cjwvc3ZnPg==");
}

::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIC0wLjUgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPHBhdGggc3Ryb2tlPSIjZmZjY2NjIiBkPSJNNCA1aDcgTTUgNmg1TTYgN2gzTTcgOGgxIi8+Cjwvc3ZnPg==");
}

::-webkit-scrollbar-corner {
  background: #8b0000;
}
::-webkit-scrollbar-button {
  background-color: #8b0000 !important;
  box-shadow:
    inset 1px 1px #d06060,
    inset -1px -1px #3a0000 !important;
  border-color: #b03030 #000 #000 #b03030 !important;
}

/* end of scroll bar */

html {
	font-size: 100%;
}

        a{
        color:#690000;;
        }
        a:hover{
        color:#a80000;
            cursor:url(https://cur.cursors-4u.net/others/oth-9/oth827.ani),
          url(https://cur.cursors-4u.net/others/oth-9/oth827.png),
          pointer;
        }

        body{
        background-color: black;
        background-repeat: repeat;
        overflow-x: hidden;
        font-family: 'site-body', sans-serif;
        font-size: 15px;
        }
        
body :not(.left)::-webkit-scrollbar {
    width: 16px;
}

* {
    cursor:  url(https://cur.cursors-4u.net/others/oth-9/oth829.ani),
          url(https://cur.cursors-4u.net/others/oth-9/oth829.png),
      auto;}

body {
      line-height: 1.6;
      background-image: url('images/idolfan.png');
      background-repeat: no-repeat;
      background-size: 30%;
}

.up-to-heading {
  margin: 10px 0 0;
  color: #a80000;
  font-size: 22px;
}

#infobox{
    margin: 30px;
      line-height: 1.6;

}

.moreabout-layout {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.quiz-sidebar {
  flex: 0 0 200px;
  color: #dbdbdb;
  min-width: 0;
}

.quiz-panel {
  border: 2px solid #690000;
}

.quiz-title {
  padding: 5px;
  border-bottom: 2px solid #690000;
  background: url('https://files.catbox.moe/s3suqv.gif');
  color: #fff;
  font-family: 'site-bold', sans-serif;
  font-size: 19px;
  text-align: center;
}

.quiz-box {
  height: 200px;
  overflow-y: auto;
  padding: 5px;
}

.quiz-box img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto 8px;
}

.about-copy {
  flex: 1 1 0;
  min-width: 0;
}

@media (max-width: 700px) {
  .moreabout-layout {
    flex-direction: column;
  }

  .quiz-sidebar {
    flex-basis: auto;
    width: 100%;
  }
}

.image-caption {
  margin: 0;
    font-size: 12px;
    color: #dbdbdb;
    border: 2px solid #690000;
    width: 300px;
    box-sizing: border-box;
}

  .statuscafe-column {
    flex: 0 0 300px;
  }

.about-links-row {
  display: flex;
  align-items: flex-start;
  gap: 70px;
  margin: 50px 30px 0 50px;

}

.about-links {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  flex: 0 0 auto;
}

.about-links a {
  display: block;
}

#statuscafe {
    background-color: rgb(0, 0, 0);
  color: #dbdbdb;
  font-family: 'site-body', sans-serif;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}
#statuscafe-username {
    padding-top:5px;
    margin-bottom: .5em;
  text-align: center;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
  text-align: center;
}

.idol-marquee {
  width: 100%;
  max-width: 500px;
  margin-top: 12px;
  white-space: nowrap;
  overflow: hidden;
}

.idol-marquee img {
  display: inline-block;
  height: 50px;
  width: auto;
  max-width: none;
  object-fit: contain;
  vertical-align: middle;
  image-rendering: auto;
}

img {
	display: block;
	max-width: 100%;
}

a {
	color: inherit;
}

button,
input,
textarea,
select {
	font: inherit;
}
    h1 {
      color: #fff;
      font-size: 25px;
    }
    p {
      color: #fff;
      font-size: 15px;
    }