body {
	margin: 0;
	padding: 0;
	border: 0;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src: url("../fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-Regular.ttf") format("truetype");
}
@font-face {
  font-family:"8bitOperatorPlus-Regular";
  src:url(../fonts/8bitOperatorPlus/8bitOperatorPlus-Regular.ttf) format("truetype"),
      url(../fonts/8bitOperatorPlus/8bitOperatorPlus-Regular.eot?#iefix) format("embedded-opentype"),
      url(../fonts/8bitOperatorPlus/8bitOperatorPlus-Regular.woff) format("woff"),
      url(../fonts/8bitOperatorPlus/8bitOperatorPlus-Regular.svg) format("svg");
  font-weight:400;
  font-style:normal;
}
@font-face {
  font-family:"8bitOperatorPlus-Bold";
  src:url(../fonts/8bitOperatorPlus/8bitOperatorPlus-Bold.ttf) format("truetype"),
      url(../fonts/8bitOperatorPlus/8bitOperatorPlus-Bold.eot?#iefix) format("embedded-opentype"),
      url(../fonts/8bitOperatorPlus/8bitOperatorPlus-Bold.woff) format("woff"),
      url(../fonts/8bitOperatorPlus/8bitOperatorPlus-Bold.svg#8bitOperatorPlus-Bold) format("svg");
  font-weight:400;
  font-style:normal;
}
@font-face {
  font-family: 'MinecraftSeven-v2';
  src:url('../fonts/MinecraftSeven-v2/Minecraft-Seven_v2.eot');
  src:url('../fonts/MinecraftSeven-v2/Minecraft-Seven_v2.ttf') format('truetype'),
      url('../fonts/MinecraftSeven-v2/Minecraft-Seven_v2.woff2') format('woff2'),
      url('../fonts/MinecraftSeven-v2/Minecraft-Seven_v2.woff') format('woff');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Literata-18pt";
  font-style:normal;
  src: url("../fonts/Literata/Literata_18pt-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Literata-36pt";
  font-style:normal;
  src: url("../fonts/Literata/Literata_36pt-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "ComicSans";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src: url("../fonts/ComicSansMS3.ttf") format("truetype");
}
header,body,footer,[notheme],.gridcol {
	--default-dividercolor: #808080;
	--default-bgcolor: #c1beac;
	--default-font: "Atkinson Hyperlegible Next",serif;
	--default-font-acc: "Atkinson Hyperlegible Next",serif;
	--default-fontcolor: #3c3c3c;
	--default-linkcolor: #446699;
	--default-hover-linkcolor: #080808;
	--default-heading-font: "Atkinson Hyperlegible Next",serif;
	--default-heading-fontcolor: #5e5843;
	--default-heading-linkcolor: #ffdd00;
	--default-heading-hovercolor: #ffdd00;
	--navbar-header-bgcolor: #d2c678;
	--navbar-button-hover-bgcolor: #ffee80;
	--navbar-button-bgcolor: #fff6bc;
	--navbar-button-fontcolor: #080808;
	--stats-bgcolor: #c8c8c8;
	--stats-fontcolor: #080808;
	--content-box-bgcolor: #f7f7f7;
	--content-box-fontcolor: #3c3c3c;
	--description-box-bordercolor: #e0e0e0;
	--description-box-bgcolor: #e0e0e0;
	--description-box-fontcolor: #3c3c3c;
	--credits-table-font: "Atkinson Hyperlegible Next",serif;
	--credits-table-odd-bgcolor: #f3f3f3;
	--credits-table-even-bgcolor: #efefef;
	--figure-bordercolor: #cecece;
	--figure-crop-outlinecolor: #008080;
	--figure-caption-fontcolor: #3c3c3c;
	--figure-caption-font: "Atkinson Hyperlegible Next",serif;
	--footer-bgcolor: #d8d8d3;
	--footer-fontcolor: #080808;
	--footer-linkcolor: #080808;
	--comment-content-font: "Atkinson Hyperlegible Next",serif;
	--vc-height: 50.4vw; /* 16:9 = 50.4vw; */
	--vc-margin: 0px 14px 10px -14px;
	--video-container-border: 10px #ffe700 solid;
	--video-bgcolor: #ffe700;
	--video-fontcolor: #f7f7f7;
	--video-aspect-ratio: 16 / 9; /* make sure to change --vc-height to an appropriate value, too */
}
.topleftlogo {
	border-width: 0px;
	overflow-x: hidden;
}
.grid{
    display: table;
    border-spacing:5px;
    font-family: var(--default-font);
	font-size: 14px;
    text-align: left;
    width:98%;
    height: 80%;
    margin: auto;
    max-width:2500px;
}
.gridcol{
    width:379.01px;
    display: inline-table;
    border:3px #CECECE none;
    margin:1%;
}
.thumbnail{
	background-color: var(--content-box-bgcolor);
	display:grid;
	justify-self: center;
}
.container {
	padding: 0;
	background-color: var(--content-box-bgcolor);
}
#masthead {
	width: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	overflow-y: hidden;
	overflow-x: hidden;
}
#navigation {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
	overflow: hidden;
	font-family: var(--default-font);
	font-size:14px;
	letter-spacing:1px;
	list-style-type: none;
	text-align: right;
}
#column_l {
	margin: 0;
	padding: 0;
	clear: both;
	border-top: 10px var(--content-box-bgcolor) solid;
	border-bottom: 10px var(--content-box-bgcolor) solid;
	color: var(--content-box-fontcolor);
}
#footer {
	clear: both;
	overflow: auto;
	font-family: var(--default-font-acc);
	display:grid;
	grid-template-columns:auto calc(96px + 3%);
}

.radiogrid {
	display:grid;
	grid-template-columns:30px 160px;
	width:190px;
}
.radiogriddiv {
	display:grid;
	float:left;
	width:inherit;
	max-width:400px;
	grid-template-columns:30px 160px;
}
.radiogridlabel {
	color: var(--default-heading-fontcolor);
	font-size:26px;
}
figure {
    border: thin var(--figure-bordercolor) solid;
    display: flex;
    flex-flow: column;
    float:right;
    margin-right: 3%;
}
figurecrop {
    border: var(--figure-crop-outlinecolor) solid medium;
    display: flex;
    flex-flow: column;
    float:right;
    margin-right: 3%;
}
figureleft {
    border: thin var(--figure-bordercolor) solid;
    display: flex;
    flex-flow: column;
    float: left;
    margin-left: 3%;
    margin-right:25px;
}
figureleftcrop {
    border: medium var(--figure-crop-outlinecolor) solid;
    display: flex;
    flex-flow: column;
    float: left;
    margin-left: 3%;
    margin-right:25px;
}
figcaption {
    color: var(--figure-caption-fontcolor);
    font-family: var(--figure-caption-font);
    margin-left:2px;
    margin-right:2px;
    text-align: center;
    width: 97%;
    word-wrap: break-word;
    overflow-y: hidden;
    font-size: small;
}
.divider {
	color: var(--default-dividercolor);
	border-top: 8px solid var(--default-dividercolor);
}
br {
	display: block;
	content: "";
	margin-top: 10px;
}
.checkbox {
	width: 18px;
	height: 18px;
	display:inline-block;
	vertical-align:middle;
	white-space:nowrap;
	float:right;
}
.checkbox-label {
	display:inline-block;
	white-space:nowrap;
	margin-top:4px;
	margin-right:3%;
	float:right;
	font-family: var(--default-font-acc);
}


.checkbox-desc {
	width: 18px;
	height: 18px;
	display:inline-block;
	vertical-align:middle;
	white-space:nowrap;
}
.checkbox-label-desc {
	display:inline-block;
	white-space:nowrap;
}

.checkbox-comm {
	width: 16px;
	height: 16px;
	display:inline-block;
	vertical-align:middle;
	white-space:nowrap;
	margin-left:3%;
}
.checkbox-label-comm {
	display:inline-block;
	white-space:nowrap;
	font-size: 16px;
}

#acc .checkbox-label {
	display:inline-block;
	white-space:nowrap;
	font-family: var(--default-font-acc);
}
.timestamp {
	color:#e0e0e0;
	margin:0px 0px 0px 2px;
	font-size:14px;
	background-color:#1a1a1a;
	height:14px;
	display:block;
	float:right;
	line-height:15px;
	border:2px #1a1a1a solid;
	font-family: var(--default-font-acc);
/*	border-radius: 2px; */
}
.video-title {
	font-family: var(--default-heading-font);
	font-weight:400;
	font-size: 25px;
	color: var(--default-heading-fontcolor);
	line-height:25px;
	margin: 0;
	text-decoration: none;
	border: 5px var(--content-box-bgcolor) solid;
	background-color: var(--content-box-bgcolor);
	text-align:left;
}
.video-title a {
	text-decoration: none;
	color: var(--default-heading-fontcolor);
}
.video-title a:hover {
	text-decoration: underline;
	color: var(--default-heading-fontcolor);
}
.stats {
	margin-top: -5px;
	border:5px var(--stats-bgcolor) solid;
	background-color: var(--stats-bgcolor);
	font-family: var(--default-font);
	font-size: 14px;
	color: var(--stats-fontcolor);
}
.statsview {
	margin:0;
	border:0;
	width:378px;
	height: 27px;
}
.statsicon {
	float:right;
	margin-top:2px;
	margin-left:3px;
}

.description {
	background-color: var(--description-box-bgcolor);
	display: none;
	border: 10px var(--description-box-bordercolor) solid;
	white-space: normal;
	margin-bottom:20px
}
.description p {
	margin-top: 10px;
}
.description-short {
	background-color: #e0e0e0;
	border: 5px #e0e0e0 solid;
	white-space: normal;
	margin: 0;
	color: #3c3c3c;
	font-family: "Atkinson Hyperlegible Next",serif;
	text-align:left;
}
#showdesc:checked ~ .description {
    display: block;
    margin-bottom:0;
}
[cat1] {
	display:none;
}
#radio-cat1:checked ~ [cat1] {
	display:block;
}
#radio-cat1:checked ~ [radiobutts] > [cat1] {
	display:grid;
}
#radio-cat1:checked ~ [radiobutts] > [cat1u] {
	display:none;
}
[cat2] {
	display:none;
}
#radio-cat2:checked ~ [cat2] {
	display:block;
}
#radio-cat2:checked ~ [radiobutts] > [cat2] {
	display:grid;
}
#radio-cat2:checked ~ [radiobutts] > [cat2u] {
	display:none;
}
[cat3] {
	display:none;
}
#radio-cat3:checked ~ [cat3] {
	display:block;
}
#radio-cat3:checked ~ [radiobutts] > [cat3] {
	display:grid;
}
#radio-cat3:checked ~ [radiobutts] > [cat3u] {
	display:none;
}
[cat4] {
	display:none;
}
#radio-cat4:checked ~ [cat4] {
	display:block;
}
#radio-cat4:checked ~ [radiobutts] > [cat4] {
	display:grid;
}
#radio-cat4:checked ~ [radiobutts] > [cat4u] {
	display:none;
}
#radio-cat1:checked ~ [cat0],#radio-cat2:checked ~ [cat0],#radio-cat3:checked ~ [cat0],#radio-cat4:checked ~ [cat0] {
	display:none;
}
[va] {
	display: none;
}
#radio-va:checked ~ [va] {
	display: block;
}
[wr] {
	display: none;
}
#radio-wr:checked ~ [wr] {
	display: block;
}
[im] {
	display: none;
}
#radio-im:checked ~ [im] {
	display: block;
}
[th] {
	display: none;
}
#radio-th:checked ~ [th] {
	display: block;
}
[ot] {
	display: none;
}
#radio-ot:checked ~ [ot] {
	display: block;
}
[cc-enus] {
	display: none;
}
#radio-cc-enus:checked ~ [cc-enus] {
	display: block;
}
[mu] {
	display: none;
}
#radio-mu:checked ~ [mu] {
	display: block;
}
#disablethemes:checked ~ [vidcontent] > [container] > [vidlist] > [acc] > [hihtheme] > .video-title,#disablethemes:checked ~ [vidcontent] > [container] > [vidlist] > [acc] > [hihtheme] > .thumbnail,#disablethemes:checked ~ [people] > [vidcontent] > [container] > [vidlist] > [acc] > [hihtheme] > .video-title,#disablethemes:checked ~ [people] > [vidcontent] > [container] > [vidlist] > [acc] > [hihtheme] > .thumbnail,#disablethemes:checked ~ [vidrecs] > [acc] > [hihtheme] > .video-title,#disablethemes:checked ~ [vidrecs] > [acc] > [hihtheme] > .thumbnail,#disablethemes:checked ~ [vidcontent] > [hihtheme],#disablethemes:checked ~ [vidcontent] > [hihtheme] > [acc] > [hihtheme] > .video-title,#disablethemes:checked ~ [vidcontent] > [hihtheme] > [acc] > [hihtheme] > .thumbnail {
	--default-dividercolor: #808080;
	--default-bgcolor: #c1beac;
	--default-font: "Atkinson Hyperlegible Next",serif;
	--default-fontcolor: #3c3c3c;
	--default-linkcolor: #446699;
	--default-hover-linkcolor: #080808;
	--default-heading-font: "Atkinson Hyperlegible Next",serif;
	--default-heading-fontcolor: #5e5843;
	--default-heading-linkcolor: #ffdd00;
	--default-heading-hovercolor: #ffdd00;
	--navbar-header-bgcolor: #d2c678;
	--navbar-button-hover-bgcolor: #ffee80;
	--navbar-button-bgcolor: #fff6bc;
	--navbar-button-fontcolor: #080808;
	--content-box-bgcolor: #f7f7f7;
	--content-box-fontcolor: #3c3c3c;
	--description-box-bordercolor: #e0e0e0;
	--description-box-bgcolor: #e0e0e0;
	--description-box-fontcolor: #3c3c3c;
	--credits-table-font: "Atkinson Hyperlegible Next",serif;
	--credits-table-odd-bgcolor: #f3f3f3;
	--credits-table-even-bgcolor: #efefef;
	--figure-bordercolor: #cecece;
	--figure-crop-outlinecolor: #008080;
	--figure-caption-fontcolor: #3c3c3c;
	--figure-caption-font: "Atkinson Hyperlegible Next",serif;
	--footer-bgcolor: #d8d8d3;
	--footer-fontcolor: #080808;
	--footer-linkcolor: #080808;
	--vc-margin: 0px 14px 10px -14px;
	--video-bgcolor: #ffe700;
	--video-fontcolor: #f7f7f7;
	--comment-content-font: "Atkinson Hyperlegible Next",serif;
	}
}
.description > p {
	margin:10px;
}
.center-style {
	display: block;
    margin-left: 3%;
    margin-right: 3%;
    width: 94%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.credits-table {
    margin: 10px;
    width: 700px;
    max-width: 92%;
    font-family: var(--credits-table-font);
	font-size: 18px;
}
.credits-table-small {
    margin: 10px;
    font-family: var(--credits-table-font);
	font-size: 14px;
}
.credits-table tr:nth-child(odd) {
  background-color: var(--credits-table-odd-bgcolor);
}
.credits-table tr:nth-child(even) {
  background-color: var(--credits-table-even-bgcolor);
}
.credits-table-small tr:nth-child(odd) {
  background-color: var(--credits-table-odd-bgcolor);
}
.credits-table-small tr:nth-child(even) {
  background-color: var(--credits-table-even-bgcolor);
}
.center-style-p {
	display: block;
    margin-left: 3%;
    margin-right: 3%;
    width: 94%;
    font-family: var(--default-font);
	font-size: 18px;
}
.footp {
	display: block;
    margin-left: 3%;
    margin-right: 3%;
    width: 94%;
    font-family: var(--default-font-acc);
	font-size: small;
}
.butt {
	display: block;
    font-family: var(--default-font-acc);
	width:auto;
	font-size:14px;
	color:#080808;
	margin-right:10px;
}
.vc {
	margin: var(--vc-margin);
	max-width:97%;
	height: var(--vc-height);
	max-height:584px;
	aspect-ratio: var(--video-aspect-ratio);
    margin-left: 3%;
}
.vc1 {
	max-height:594px;
	width:100%;
}
.video-container {
	display: block;
    height:100%;
    max-height:594px;
    max-width: 100%;
    font-family: var(--default-font);
	font-size: 18px;
	border: var(--video-container-border);
	aspect-ratio: var(--video-aspect-ratio);
}
.row::after {
	content: "";
	clear: both;
	display: table;
}
.dropdown .dropbtn {
	border: none;
	outline: none;
	color: white;
	background-color: inherit;
	font-family: inherit; /* Important for vertical align on mobile phones */
	margin: 0; /* Important for vertical align on mobile phones */
	font-size:14px;
	margin-left:-3px;
	margin-right:-3px;
	-webkit-box-orient: vertical;
	-mox-box-orient: vertical;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: inherit;
	min-width:inherit;
	box-shadow: 0px 8px 16px 0px rgba(0.1,0.1,0.1,0.2);
	z-index: 1;
	-webkit-box-orient: vertical;
	-mox-box-orient: vertical;
}
.dropdown:hover .dropdown-content {
	display: block;
	-webkit-box-orient: vertical;
	-mox-box-orient: vertical;
}
.dropdown-content a:hover {
	background-color: var(--navbar-button-hover-bgcolor);
	-webkit-box-orient: vertical;
	-mox-box-orient: vertical;
}
.dropdown-content li{
	display:block;
	-webkit-box-orient: vertical;
	-mox-box-orient: vertical;
}

.comment-name {
	display: block;
    max-width: 200px;
    font-family: var(--default-font);
	font-size: 18px;
	background-color: #fff;
	border: 1px #000 solid;
	margin-bottom: 5px;
	margin-top:15px;
}

.comment-input {
	display: block;
	width: 97%;
	min-width:99%;
	max-width:99%;
	min-height:2em;
    height: 8em;
    max-height:15em;
    font-family: var(--default-font);
	font-size: 18px;
	background-color: #fff;
	border: 1px #000 solid;
	margin-bottom: 5px;
}

.comment-section {
	display: none;
	margin-top: 10px;
    font-family: var(--default-font);
	font-size: 18px;
}

#showcomm:checked ~ .comment-section {
    display: block;
}

.comment-badge {
	display:inline-block;
	vertical-align:middle;
}
.comment-thread {
	margin-left:15px;
	margin-bottom: 15px;
}
.comment-friend {
	border: 4px #c1beac dashed;
	padding: 4px 4px 0px 4px;
	margin-left: -8px;
}
.comment-alice {
	border: 4px #ffe700 solid;
	padding: 4px 4px 0px 4px;
	margin-left: -8px;
}
.comment-hater {
	border: 4px #c1acac double;
	padding: 4px 4px 0px 4px;
	margin-left: -8px;
}
.comment-username {
	display: inline-block;
    max-width: 99%;
    font-family: var(--default-font);
	font-size: 18px;
	margin-bottom: 5px;
	color: var(--default-heading-fontcolor);
	overflow:hidden;
	overflow-wrap:anywhere;
}
.comment-content {
	display: block;
    max-width: 99%;
    font-family: var(--comment-content-font);
	font-size: 18px;
	margin-bottom: 5px;
	color: var(--default-fontcolor);
	max-height:9em;
	overflow:hidden;
	overflow-wrap:break-word;
}
.comment-buttons {
	display: block;
    max-width: 97%;
    font-family: var(--default-font-acc);
	margin-bottom: 5px;
	color: var(--default-fontcolor);
	font-size:medium;
}
.comment-username > p,.comment-content > p,.comment-buttons > p {
	margin:0
}
.comment-content > p {
	overflow-y:auto;
	max-height:9em;
}
.comment-username > p > a {
	color: var(--default-heading-fontcolor);
}
.comment-reply {
	margin-left:25px;
	margin-top:10px;
}

.undertale-lines {
	left:30px;
	position: relative;
	margin-right: 50px;
}
.undertale-lines:before {
	content: "*";
	left: -20px;
	position:absolute;
}