:root {
    background-attachment: fixed;
    background-color: #000000FF;
    background-position: center center;
    background-repeat: cover no-repeat;
    background-size: 50% auto;
    font-family: MS PGothic;
	font-size: 24px;
}
#splashBack {
    z-index: -1;
	position: absolute;
	left: 50%;
	top: 0%;
	transform: translate(-50%, 0%);
	height: 100%;
	width: 100.5%;
}
.splash {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.8);
	color: #FFFF00FF;
	font-family: MS PGothic;
	border:16px double #000000FF;
}
.after_splash {
	position: absolute;
	left: 50%;
	top: 162%;
	width: 100.05%;
	height: 125.05%;
	transform: translate(-50%, -50%);
	background: linear-gradient(to top, rgb(200,2,1) 0%,rgb(122,0,0) 45%,rgb(0, 0, 0) 100%);
}

#scrollvignette {
	width:100%;
	height:100%;
	object-fit: fill;
	transform: translate(0, -1336px);
}
.scrollingStripesOuterLeft {
	overflow: hidden;
	z-index: 0;
	position: absolute;
	left: 4.4%;
	top: 50%;
	width: 25px;
	height: 80%;
	transform: translate(-50%, -50%);
	background-color: rgb(0, 0, 0);
	border:4px solid rgb(255, 0, 0);
}
.scrollingStripesOuterRight {
	overflow: hidden;
	z-index: 0;
	position: absolute;
	left: 95.6%;
	top: 50%;
	width: 25px;
	height: 80%;
	transform: translate(-50%, -50%);
	background-color: rgb(0, 0, 0);
	border:4px solid rgb(255, 0, 0);
}
.scrollingStripesInnerLeft {
	transform:translateY(0%);
	padding:0px;
	margin: 0px;
	font-size: 0;
	animation: scrolling-down 4s linear infinite;
	object-fit: contain;
}
.scrollingStripesInnerRight {
	transform:translateY(0%);
	padding:0px;
	margin: 0px;
	font-size: 0;
	animation: scrolling-down 4s linear infinite;
	object-fit: contain;
}

@keyframes scrolling-down {
 0%   { 
 transform: translateY(-25%); 		
 }
 100% { 
 transform: translateY(-0%); 
 }
}


.main {
	z-index: 1;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 75%;
	height: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	background-color: rgba(255, 0, 0, 0.8);
	color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	font-family: MS PGothic;
	border:16px double #000000FF;
}

.temp_wip_image_ {
  background-color: rgba(0, 0, 0, 0);
  color: #0;
}

#temp_wip_image {
	z-index: 0;
	position: absolute;
	left: 50%;
	top: 74%;
	transform: translate(-50%, -50%);
	width: 22%;
}

#temp_secret_image_test {
	width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
   max-width: 700px;
  transform: translate(-50%, -50%);
border:16px double #FF0000FF;
filter: drop-shadow(30px 10px 4px #000000FF);
}

#link-table {
	width:100%;
	table-layout: fixed;
	margin-left: auto;
	margin-right: auto;
}

.tg{
	border-style:solid;
	border-width:1px;
	border-color:black;
	font-family:Lucida Console
	font-weight:bold;
	text-align:center;
  vertical-align:top
  }


.bigger { font-size:150%; }
.smaller { font-size:60%; }

@font-face {
    font-family: vcr;
    src: url(../assets/fonts/vcr.ttf);
}