/* dis is how my stuff is positioned *shuka bruh* */
.tv-content-box {
  position: absolute;
  top: 0vw;
  left: 3.5vw;
  padding: 1.5vw;
  color: white;
  font-size: 1.2vw;
  line-height: 1.3;
  overflow-y: auto;   /* vertical scrolling is a-ok */
  overflow-x: hidden; /* so it doesn't overflow and scroll sideways, ew that would look dumb as */
}

/* just some scrollbar colour tiings */
.tv-content-box::-webkit-scrollbar {
    width: 8px;
}

.tv-content-box::-webkit-scrollbar-track {
    background: #4a3a57; /* invisible track */
}

.tv-content-box::-webkit-scrollbar-thumb {
    background: #6a567a; /* visible thumb */
    border-radius: 10px;
}
.tv-content-box p {
  font-family: 'CholesterolGlitch', sans-serif;
  font-size: 1.8vw;
  margin: 0 0 1vw 0;
}

.tv-content-box {
    height: 39vh; 
}

/* most of the headers except index page*/
.tv-content-box p.header {
  font-family: 'CholesterolGlitch', sans-serif;
  font-size: 3.3vw;
  margin: 0 0 1vw 0;
  padding-left: 5.2vw;   
  padding-top: 0vw;    
}

/* the index page header*/
.tv-content-box p.indexheader {
  font-family: 'CholesterolGlitch', sans-serif;
  font-size: 3.03vw;
  margin: 0 0 1vw 0;
  padding-left: 2vw;   
  padding-top: 0vw;    
}

/* body text for paragraphs */
.tv-content-box p.contenttext {
  font-family: 'FakeReceipt', sans-serif;
  font-size: 0.85vw;
  line-height: 1.3;
  margin: 0 0 1vw 0;
}
/* body text for when you don't need a damn paragraph lolz */
.tv-content-box span.contenttext {
  font-family: 'FakeReceipt', sans-serif;
  font-size: 0.85vw;
  line-height: 1.3;
  margin: 0 0 1vw 0;
}
/* back arrow paragraph break*/
.tv-content-box p.backarrow {
  font-family: 'pixeldingbat', sans-serif;
  font-size: 2.5vw;
  margin: 0 0 1vw 0;
  padding-left: 0vw;   
  padding-top: 0vw;    
}
/* back arrow no para break*/
.tv-content-box span.backarrow {
  font-family: 'pixeldingbat', sans-serif;
  font-size: 2.5vw;
  margin: 0 0 1vw 0;
  padding-left: 0vw;   
  padding-top: 0vw;    
}