@charset "utf-8";






.spacer {
    position: absolute;
    box-sizing: border-box;

    width: calc(100% - 8px);
    height: calc(100% - 8px);
    transform: translate(-50%,-50%);


    top: 50%;
    left: 50%;
    overflow-y: scroll;
    
  
}



border-box;
/* CSS Document */
html {
scroll-behavior:smooth
}

.line {
width:100%;
height:100%;
top:0;
position:absolute;
background-color:#fff;
box-sizing:border-box;
mix-blend-mode:exclusion
}

.line02 {
width:100%;
height:auto;
position:absolute;
background-color:#fff;
box-sizing:border-box;
mix-blend-mode:exclusion
}



.centered {
position:absolute;
box-sizing:border-box;
height:70%;
width:45%;
bottom:10%;
left:45%
}

.top_left {
position:absolute;
bottom:15%;
box-sizing:border-box;
width:39%;
height:10%;
font-family:'Roboto',sans-serif;
font-family:'Roboto Mono',monospace;
font-weight:400;
font-size:.8em;
background-color:silver;
color:#000;
box-shadow:inset -2px -2px #dfdfdf,inset 2px 2px gray;
left:50%;
transform:translate(-50%,0)
}

.group2 {
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:85%;
height:80%;
position:absolute;
box-sizing:border-box;
box-shadow:inset -4px -4px white,inset 4px 4px #808080,inset -8px -8px #dfdfdf,inset 8px 8px #000;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-color:#020d04;
overflow:hidden;
padding:10px
}

.fullBackground {
background-position:center center;
background-attachment:scroll;
background-size:cover;
position:absolute;
width:90%;
height:90%;
top:10%;
left:5%;
box-sizing:border-box;
background-color:silver;
box-shadow:inset -2px 0 #0a0a0a,inset 2px 2px #dfdfdf,inset -4px 0 grey,inset 4px 4px #fff
}

.orange {
background:#020d04;
width:100%;
height:100vh;
box-sizing:border-box
}

.purple01 {
background:silver;
width:100%;
height:100vh;
box-sizing:border-box
}

.neon01 {
background:silver;
width:100%;
height:100vh;
box-sizing:border-box
}

.yellow01 {
background:silver;
width:100%;
height:100vh;
color:#000;
font-family:'Courier Prime',monospace;
box-sizing:border-box
}

.purple {
background-color:#ffbaba;
padding-top:5%;
width:100%;
height:auto;
box-sizing:border-box
}

.scroll-down {
position:absolute;
width:90%;
top:50%;
left:50%;
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
text-align:center;
font-size:2em;
overflow:visible;
font-family:"Pixelated MS Sans Serif";
font-weight:400;
font-style:normal
}

.scroll-down .arrow {
position:relative;
margin:0 auto;
width:20px;
height:20px;
background-image:url(images/arrow.png);
background-size:contain
}

.right_text {
width:47.5%;
height:20%;
position:absolute;
box-sizing:border-box;
top:47.5%;
left:2.5%;
font-weight:400;
font-family:'Roboto',sans-serif;
font-family:'Roboto Mono',monospace;
font-weight:400;
font-size:.9em;
background-color:#fff;
color:#000;
box-shadow:inset -2px -2px #dfdfdf,inset 2px 2px gray;
overflow: hidden;
}

.right_text_video {
width:25%;
height:35%;
position:absolute;
box-sizing:border-box;
top:5.2%;
left:5%;
font-weight:400;
font-family:'Roboto',sans-serif;
font-family:'Roboto Mono',monospace;
font-weight:400;
font-size:.9em;
background-color:#fff;
color:#000;
box-shadow:inset -2px -2px #dfdfdf,inset 2px 2px gray;
overflow:hidden;
    
}

.right_text_picture {
width:15%;
height:90%;
position:absolute;
box-sizing:border-box;
top:5.2%;
right:5%;
font-weight:400;
font-family:'Roboto',sans-serif;
font-family:'Roboto Mono',monospace;
font-weight:400;
font-size:.9em;
background-color:#fff;
color:#000;
box-shadow:inset -2px -2px #dfdfdf,inset 2px 2px gray;
overflow:hidden;
}

.right_text_audio {
width:90%;
height:10%;
position:absolute;
box-sizing:border-box;
top:5.2%;
right:5%;
font-weight:400;
font-family:'Roboto',sans-serif;
font-family:'Roboto Mono',monospace;
font-weight:400;
font-size:.9em;
background-color:#fff;
color:#000;
box-shadow:inset -2px -2px #dfdfdf,inset 2px 2px gray;
overflow:hidden;
z-index:999999
}

.right_text_pro {
width:47.5%;
height:70%;
position:absolute;
box-sizing:border-box;
top:25%;
left:2.5%;
font-weight:400;
font-family:'Roboto',sans-serif;
font-family:'Roboto Mono',monospace;
font-weight:400;
font-size:.9em;
background-color:#fff;
color:#000;
box-shadow:inset -2px -2px #dfdfdf,inset 2px 2px gray;
overflow:hidden;
   
}

.text {
position:absolute;
box-sizing:border-box;
top:50%;
transform:translate(0,-50%);
height:70%;
width:46.5%;
left:2.5%;
font-weight:400;
font-family:'Roboto',sans-serif;
font-family:'Roboto Mono',monospace;
font-weight:400;
font-size:.9em;
background-color:#020d04;
color:silver;
border: solid #00FF41;
overflow:hidden;
}

.textbadoo {
left:5%;
bottom:37.5%;
height:55%;
width:44%;
    position: absolute;
    box-sizing: border-box;

 
   
	 color: silver;
    
    overflow-y: hidden;
        font-size: .85em;
    line-height: 1.5em;
     font-family: 'Courier Prime', monospace;
    border: solid #00ff41;
}


.textbadoo p{
height:90%;
width:90%;
left:5%;
top:5%;
position:absolute;
box-sizing:border-box
}

.right_text02 {
width:47.5%;
height:20%;
position:absolute;
box-sizing:border-box;
top:20%;
left:2.5%;
font-weight:400;
font-family:'Roboto',sans-serif;
font-family:'Roboto Mono',monospace;
font-weight:400;
font-size:.9em;
background-color:#fff;
color:#000;
box-shadow:inset -2px -2px #dfdfdf,inset 2px 2px gray;
overflow: hidden;

 
 
   

   
}





.mainnav {
position:absolute;
width:90%;
height:100%;
margin:0;
box-sizing:border-box;
padding:0;
left:0;
max-width:700px
}

.one {
width:20%;
height:calc(100% + 4px);
box-sizing:border-box;
position:absolute;
left:0;
bottom:-4px;
cursor:pointer;
background:silver;
box-shadow:inset -2px 0 #0a0a0a,inset 2px 2px #dfdfdf,inset -4px 0 grey,inset 4px 4px #fff
}

.one1 {
width:20%;
height:75%;
box-sizing:border-box;
position:absolute;
left:0;
bottom:0;
cursor:pointer;
background:silver;
box-shadow:inset -2px 0 #0a0a0a,inset 2px 2px #dfdfdf,inset -4px 0 grey,inset 4px 4px #fff
}

.two {
width:20%;
height:75%;
box-sizing:border-box;
position:absolute;
left:20%;
cursor:pointer;
background:silver;
bottom:0;
box-shadow:inset -2px 0 #0a0a0a,inset 2px 2px #dfdfdf,inset -4px 0 grey,inset 4px 4px #fff
}

.two1 {
width:20%;
height:calc(100% + 4px);
box-sizing:border-box;
position:absolute;
left:40%;
cursor:pointer;
background:silver;
bottom:-4px;
box-shadow:inset -2px 0 #0a0a0a,inset 2px 2px #dfdfdf,inset -4px 0 grey,inset 4px 4px #fff
}

.four1 {
width:20%;
height:calc(100% + 4px);
box-sizing:border-box;
position:absolute;
left:60%;
cursor:pointer;
background:silver;
bottom:-4px;
box-shadow:inset -2px 0 #0a0a0a,inset 2px 2px #dfdfdf,inset -4px 0 grey,inset 4px 4px #fff
}

.three {
width:20%;
height:75%;
box-sizing:border-box;
position:absolute;
left:40%;
cursor:pointer;
background:silver;
bottom:0;
box-shadow:inset -2px 0 #0a0a0a,inset 2px 2px #dfdfdf,inset -4px 0 grey,inset 4px 4px #fff
}

.four {
width:20%;
height:75%;
box-sizing:border-box;
position:absolute;
left:60%;
cursor:pointer;
background:silver;
bottom:0;
box-shadow:inset -2px 0 #0a0a0a,inset 2px 2px #dfdfdf,inset -4px 0 grey,inset 4px 4px #fff
}

.five {
width:20%;
height:75%;
box-sizing:border-box;
position:absolute;
left:20%;
cursor:pointer;
background:silver;
bottom:0;
box-shadow:inset -2px 0 #0a0a0a,inset 2px 2px #dfdfdf,inset -4px 0 grey,inset 4px 4px #fff
}

.five1 {
width:20%;
height:calc(100% + 4px);
box-sizing:border-box;
position:absolute;
left:20%;
cursor:pointer;
background:silver;
bottom:-4px;
box-shadow:inset -2px 0 #0a0a0a,inset 2px 2px #dfdfdf,inset -4px 0 grey,inset 4px 4px #fff
}

.dropbtn p {
margin:0;
position:absolute;
top:50%;
padding-top:5px;
padding-bottom:5px;
padding-bottom:5px;
width:100%;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer
}

p2 {
margin:0;
position:absolute;
top:50%;
padding-top:5px;
padding-bottom:5px;
width:100%;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer
}

.dropbtn {
color:#000;
height:100%;
font-size:16px;
border:none;
width:100%;
box-sizing:border-box;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.dropdown-content {
display:none;
position:absolute;
background-color:silver;
width:100%;
border:none;
box-shadow:inset -2px -2px #0a0a0a,inset 2px 0 #dfdfdf,inset -4px -4px grey,inset 4px 0 #fff;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.dropdown-content a {
text-decoration:none;
display:block;
color:#fff;
box-sizing:border-box;
margin:10px;
padding:10px
}

.dropdown-content a:hover {
color:#000;
outline:1px dotted #000
}

.one:hover .dropdown-content {
display:block
}

.one:hover {
height:calc(100% + 4px)
}

.five1:hover {
height:calc(100% + 4px)
}

.one1:hover {
height:100%
}

.two:hover .dropdown-content {
display:block
}

.two:hover {
height:100%
}

.two1:hover {
height:100% + 4px
}

.three:hover .dropdown-content {
display:block
}

.three:hover {
height:100%
}

.four:hover .dropdown-content {
display:block
}

.four:hover {
height:100%
}

.five:hover .dropdown-content {
display:block
}

.five:hover {
height:100%
}

.try {
box-sizing:border-box;
position:absolute;
width:95%;
height:5%;
left:5%;
top:5%
}

.blue01 {
background:#020d04;
width:100%;
height:100vh;
box-sizing:border-box
}

.red {
background:#020d04;
width:100%;
height:100vh;
box-sizing:border-box
}

.window {
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px #808080,inset 2px 2px #fff;
background:silver;
width:50%;
height:50%;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
box-sizing:border-box;
overflow:hidden
}

.title-bar-custom {
background:linear-gradient(90deg,navy,#1084d0);
width:90%;
position:absolute;
box-sizing:border-box;
right:50%;
top:0;
transform:translate(50%,0);
font-family:"Pixelated MS Sans Serif",Arial;
-webkit-font-smoothing:none;
font-size:11px
}

.title-bar-custom2 {
background:#020d04;
color:#00FF41;
background-position:center center;
background-attachment:scroll;
background-size:cover;
width:95%;
height:5%;
top:5%;
left:2.5%;
position:absolute;
box-sizing:border-box
}

.title {
position:absolute;
box-sizing:border-box;
width:100%;
left:0;
top:0;
color:silver;
background-color:#020d04;
font-family: aktiv-grotesk, sans-serif;

font-weight: 700;

font-style: italic;
 
font-size:7.7vw;
line-height:7vw
}

.layer02 {
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:calc(85% - 16px);
height:calc(80% - 16px);
position:absolute;
box-sizing:border-box;
background-color:#fff;
mix-blend-mode:exclusion
}

.down {
position:absolute;
color:silver;
position:absolute;
box-sizing:border-box;
left:50%;
transform:translate(-50%,0);
bottom:5%;
font-size:1em;
line-height:1em;
font-family:'Courier Prime',monospace
}

.fullBackground02 {
background-position:center center;
background-attachment:scroll;
background-size:cover;
position:absolute;
width:90%;
height:90%;
top:10%;
left:5%;
box-sizing:border-box;
background-color:silver;
box-shadow:inset -2px 0 #0a0a0a,inset 2px 2px #dfdfdf,inset -4px 0 grey,inset 4px 4px #fff
}

.fullBackgroundfooter {
background-position:center center;
background-attachment:scroll;
background-size:cover;
position:relative;
width:90%;
box-sizing:border-box;
background-color:silver;
height:75%;
left:50%;
transform:translate(-50%,0);
box-shadow:inset -2px -2px #0a0a0a,inset 2px 0 #dfdfdf,inset -4px -4px grey,inset 4px 0 #fff
}

.fullBackground03 {
background-position:center center;
background-attachment:scroll;
background-size:cover;
position:absolute;
width:90%;
height:100%;
background-color:silver;
left:50%;
transform:translate(-50%,0);
box-sizing:border-box;
box-shadow:inset -2px 0 #0a0a0a,inset 2px 0 #dfdfdf,inset -4px 0 grey,inset 4px 0 #fff
}

.notsure01 {
height:90%;
width:90%;
left:5%;
top:5%;
position:absolute;
box-sizing:border-box
}

.notsure {
height:90%;
width:90%;
left:5%;
top:5%;
position:absolute;
box-sizing:border-box
}

.rule {
right:2.5%;
bottom:45%;
position:absolute;
box-sizing:border-box;
font-size:1em;
line-height:1em;
font-family:'Courier Prime',monospace;
color:silver
}

.column01 {
position:absolute;
color:silver;
position:absolute;
box-sizing:border-box;
left:2.5%;
width:95%;
top:65%;
font-size:1em;
line-height:1em;
font-family:'Courier Prime',monospace
}

.column02 {
position:absolute;
box-sizing:border-box;
width:95%;
height:95%;
bottom:0;
left:2.5%;
background-image:url(../images/whaaat.png);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-color:silver;
border:solid #020d04
}

.column03 {
position:absolute;
box-sizing:border-box;
width:calc(100% - 4px);
height:calc(100% - 4px);
background-color:#fff;
left:50%;
top:50%;
transform:translate(-50%,-50%);
mix-blend-mode:exclusion
}

.column04 {
left:2.5%;
bottom:45%;
position:absolute;
box-sizing:border-box;
font-size:1em;
line-height:1em;
font-family:'Courier Prime',monospace;
color:silver
}

.sw {
margin:0;
position:absolute;
text-align:justify-all;
left:0;
margin:0
}

.bk {
margin:0;
position:absolute;
text-align:right;
left:0;
margin:0
}

.ph {
margin:0;
position:absolute;
text-align:right;
left:0;
margin:0
}

.notsure02 {
height:90%;
width:90%;
left:5%;
top:5%;
position:absolute;
box-sizing:border-box
}

.right_text01 {
width:47.5%;
height:20%;
position:absolute;
box-sizing:border-box;
bottom:5%;
left:2.5%;
font-weight:400;
font-family:'Roboto',sans-serif;
font-family:'Roboto Mono',monospace;
font-weight:400;
font-size:.9em;
background-color:#fff;
color:#000;
box-shadow:inset -2px -2px #dfdfdf,inset 2px 2px gray;
overflow: hidden;
}

.about_image {
position:absolute;
right:2.5%;
height:90%;
bottom:5%;
width:45%;
background-image:url(../images/quote.png);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
box-sizing:border-box;
border:solid #000;
overflow:hidden
}

.animation {
    position: absolute;
width:100%;
height:100%;
box-sizing:border-box;
position:absolute;
background-image:url(../images/black.png);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
mix-blend-mode:multiply
}

.animation2 {
width:100%;
height:100%;
box-sizing:border-box;
position:absolute;
background-image:url(images/yellow.png);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
mix-blend-mode:multiply
}

.animation3 {
width:100%;
height:100%;
box-sizing:border-box;
position:absolute;
background-image:url(images/blue.png);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
mix-blend-mode:multiply
}

html,body {
scroll-behavior:smooth;
overflow-x:hidden
}

.content-width {
width:90%;
height:90%;
top:5%;
left:5%;
position:absolute;
box-sizing:border-box;
border:solid #ff0
}

.slideshow {
position:absolute;
width:100%;
height:100%;
box-sizing:border-box;
border:solid blue
}

.slideshow-items {
position:absolute;
width:100%;
height:100%;
border:solid red
}

.item {
position:absolute;
width:100%;
height:100%;
box-sizing:border-box;
border:solid purple
}

.item-image-container {
position:absolute;
width:50%;
border:solid #f0f;
box-sizing:border-box;
height:100%
}

.item-image-container::before {
content:'';
position:absolute;
box-sizing:border-box;
left:0;
width:100%;
height:100%;
background:#22222A;
opacity:0;
z-index:1
}

.item-image {
position:relative;
width:100%;
height:auto;
opacity:0;
display:block;
transition:opacity .3s ease-out .45s
}

.item.active .item-image {
opacity:1
}

.item-description {
position:absolute;
top:0;
right:0;
width:50%;
height:100%;
line-height:1.8;
box-sizing:border-box;
border:solid #ff0
}

.item-header {
position:absolute;
position:absolute;
top:50%;
width:50%;
height:50%;
border:solid blue;
z-index:100;
box-sizing:border-box;
left:50%;
transform:translate(-50%,-50%);
background-position:center center;
background-attachment:scroll;
background-size:cover
}

.item-header .vertical-part {
margin:0 -4px;
font-family:'Montserrat',sans-serif;
-webkit-font-smoothing:auto;
font-size:7vw;
color:#fff
}

.vertical-part {
overflow:hidden;
display:inline-block
}

.vertical-part b {
display:inline-block;
transform:translateY(100%)
}

.item-header .vertical-part b {
transition:.5s
}

.item-description .vertical-part b {
transition:.21s
}

.item.active .item-header .vertical-part b {
transform:translateY(0)
}

.item.active .item-description .vertical-part b {
transform:translateY(0)
}

.controls {
position:absolute
}

.controls ul {
list-style:none
}

.controls ul li {
display:inline-block;
width:10px;
height:10px;
margin:3px;
background:#bdbdd5;
cursor:pointer
}

.controls ul li.active {
background:#6a6a77
}

.left_logo {
height:80%;
width:50px;
left:5%;
top:18%;
position:absolute;
box-sizing:border-box;
border:solid #000;
white-space:nowrap;
color:#fff;
background:#000;
overflow:hidden;
font-family:'Courier Prime',monospace
}

.right_logo {
height:80%;
width:50px;
right:5%;
top:18%;
position:absolute;
box-sizing:border-box;
border:solid #000;
white-space:nowrap;
color:#fff;
background:#000;
overflow:hidden;
font-family:'Courier Prime',monospace
}

.inner_left {
position:absolute;
left:0;
border:solid #000;
box-sizing:border-box;
writing-mode:vertical-rl;
text-orientation:mixed;
overflow:visible
}

.inner_right {
position:absolute;
right:0;
border:solid #000;
box-sizing:border-box;
writing-mode:vertical-rl;
text-orientation:mixed;
overflow:visible
}

.line-1 {
position:absolute;
color:#00FF41;
top:30%;
left:10%;
margin:0;
border-right:2px solid #000;
text-align:left;
white-space:nowrap;
overflow:hidden;
-webkit-box-sizing:content-box;
box-sizing:content-box;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.line-2 {
position:absolute;
color:#00FF41;
top:40%;
left:10%;
margin:0;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal;
border-right:2px solid #000;
text-align:left;
white-space:nowrap;
overflow:hidden;
-webkit-box-sizing:content-box;
box-sizing:content-box
}

.line-3 {
position:absolute;
color:#00FF41;
top:50%;
left:10%;
margin:0;
border-right:2px solid #000;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal;
text-align:left;
white-space:nowrap;
overflow:hidden;
-webkit-box-sizing:content-box;
box-sizing:content-box
}

#rssBlock {
left:calc(0px + 20px);
bottom:20px;
height:auto;
position:absolute;
width:calc(50vh - 20px);
overflow:hidden;
transform:rotate(-90deg);
transform-origin:bottom left
}

#rssBlock01 {
left:calc(20px);
height:auto;
position:absolute;
width:calc(100% - 20px);
overflow:hidden;
transform-origin:bottom left
}

#rssBlock02 {
left:calc(100% - 20px);
top:0;
height:auto;
position:absolute;
width:calc(50vh - 20px);
overflow:hidden;
transform:rotate(90deg);
transform-origin:bottom left
}

#rssBlock03 {
left:calc(100% - 20px);
bottom:20px;
height:auto;
position:absolute;
width:calc(100% - 20px);
overflow:hidden;
transform:rotate(180deg);
transform-origin:bottom left
}

.cnnContents {
width:100%;
margin:0 auto;
white-space:nowrap;
font-weight:600;
font-size:1em;
font-family:'roboto',monospace;
box-sizing:border-box
}

.cnnContents01 {
width:100%;
color:#020d04;
margin:0 auto;
white-space:nowrap;
font-weight:600;
font-size:1em;
font-family:'roboto',monospace
}

.marqueeStyle {
display:inline-block;
-webkit-animation:scrolling-left1 20s linear infinite;
animation:scrolling-left1 20s linear infinite;
direction:right
}

.marqueeStyle2 {
display:inline-block;
-webkit-animation:scrolling-left2 20s linear infinite;
animation:scrolling-left2 20s linear infinite;
animation-delay:10s
}

@keyframes scrolling-left1 {
0% {
transform:translateX(-100%);
-webkit-transform:translateX(-100%)
}

100% {
transform:translateX(100%);
-webkit-transform:translateX(100%)
}
}

@keyframes scrolling-left2 {
0% {
transform:translateX(-200%);
-webkit-transform:translateX(-200%)
}

100% {
transform:translateX(0%);
-webkit-transform:translateX(0%)
}
}

@-webkit-keyframes scrolling-left1 {
0% {
-webkit-transform:translateX(100%)
}

100% {
-webkit-transform:translateX(-100%)
}
}

@-webkit-keyframes scrolling-left2 {
0% {
-webkit-transform:translateX(0%)
}

100% {
-webkit-transform:translateX(-200%)
}
}

.something {
position:absolute;
box-sizing:border-box;
width:90%;
left:5%;
height:100%;
background-color:silver
}

.tree-view {
margin:0;
padding:0;
padding-top:0;
font-size:1em;
line-height:2em;
font-family:'Courier Prime',monospace
}

summary {
font-family:"Pixelated MS Sans Serif";
position:absolute;
top:0;
left:0;
top:10%;
width:20%;
text-align:left;
line-height:1em;
white-space:nowrap
}

.dangheader {
position:absolute;
box-sizing:border-box;
left:2.5%;
top:5%;
width:47.5%;
border-bottom:solid #000;
height:12%;
margin:0;
padding:0;
color:#020d04;
font-family: aktiv-grotesk, sans-serif;

font-weight: 700;

font-style: italic;
font-size:7.7vw;
line-height:6vw;
text-align:left;
   
}

.dangheaderpro {
position:absolute;
box-sizing:border-box;
left:2.5%;
top:5%;
width:47.5%;
border-bottom:solid #000;
height:15%;
margin:0;
padding:0;
color:#020d04;
font-family: aktiv-grotesk, sans-serif;

font-weight: 700;

font-style: italic;
font-size:7.7vw;
line-height:6vw;
text-align:left
}

.dangheader2 {
position:absolute;
box-sizing:border-box;
left:5%;
top:5%;
width:90%;
border-bottom:solid #000;
height:12%;
margin:0;
padding:0;
color:#020d04;
font-family:NeueHaasDisplayBlackItalic;
font-size:7.7vw;
line-height:6vw;
text-align:left
}

.dangheader3 {
position:absolute;
box-sizing:border-box;
left:5%;
top:5%;
width:90%;
border-bottom:solid #000;
height:12%;
margin:0;
padding:0;
color:#020d04;
font-family:NeueHaasDisplayBlackItalic;
font-size:7.7vw;
line-height:6vw;
text-align:left
}

.dangheader7 {
position:absolute;
box-sizing:border-box;
bottom:0;
width:100%;
line-height:16vw;
margin:0;
padding:0;
color:#00ff41;
font-family: aktiv-grotesk, sans-serif;

font-weight: 700;

font-style: italic;
font-size:24vw;
text-align:left;
mix-blend-mode:exclusion
}

.fuck {
position:absolute;
box-sizing:border-box;
width:30%;
left:5%;
height:70%;
bottom:5%
}

.fuck2 {
position:absolute;
box-sizing:border-box;
width:30%;
left:35%;
height:70%;
bottom:5%
}

.fuck3 {
position:absolute;
box-sizing:border-box;
width:30%;
right:5%;
height:70%;
bottom:5%
}

.scene {
height:100%;
width:25%;
position:absolute;
box-sizing:border-box
}

.zero {
left:0
}

.porn1 {
left:25%
}

.porn2 {
left:50%
}

.porn3 {
right:0
}

.porn4 {
left:80%
}

.porn5 {
left:182.5%
}

.inside {
width:400%;
position:absolute;
height:100%;
box-sizing:border-box
}

.crap {
background-position:center center;
background-attachment:scroll;
background-size:cover;
position:absolute;
width:95%;
height:90%;
top:5%;
overflow:hidden;
border:solid #000;
background-image:url(../images/skate.gif);
left:2.5%;
box-sizing:border-box
}

.portrait {
position:absolute;
right:2.5%;
top:50%;
transform:translate(0,-50%);
height:70%;
width:46.5%;
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:cover;
background-image:url(../images/joe%20project.png);
border:solid .5px #020d04
}

.portrait_liam_small {
position:absolute;
right:2.5%;
top:50%;
transform:translate(0,-50%);
height:70%;
width:46.5%;
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:cover;
background-image:url(../images/liam_portrait.png);
border:solid .5px #020d04
}


.portrait_tim_small {
position:absolute;
right:2.5%;
top:50%;
transform:translate(0,-50%);
height:70%;
width:46.5%;
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:cover;
background-image:url(../images/tim_portrait01.png);
border:solid .5px #020d04
}

.portrait9 {
position:absolute;
right:2.5%;
top:50%;
transform:translate(0,-50%);
height:70%;
width:46.5%;
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:cover;
background-image:url(../images/joe%20project.png);
border:solid .5px #020d04
}
.portrait_liam {
position:absolute;
right:2.5%;
top:50%;
transform:translate(0,-50%);
height:70%;
width:46.5%;
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:cover;
background-image:url(../images/liam_portrait.png);
border:solid .5px #020d04
}

.portrait_tim {
position:absolute;
right:2.5%;
top:50%;
transform:translate(0,-50%);
height:70%;
width:46.5%;
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:cover;
background-image:url(../images/tim_portrait01.png);
border:solid .5px #020d04
}

.dick {
position:absolute;
box-sizing:border-box;
height:90%;
width:95%;
left:50%;
top:50%;
transform:translate(-50%,-50%);
overflow:hidden;
border:solid red
}

.before {
position:absolute;
box-sizing:border-box;
height:77%;
width:65%;
left:5%;
bottom:2%;
background-position:center center;
background-attachment:scroll;
background-size:cover;
background-image:url(images/background01.png)
}

.after {
position:absolute;
box-sizing:border-box;
height:77%;
width:65%;
left:5%;
bottom:2%;
background-position:center center;
background-attachment:scroll;
background-size:cover;
background-image:url(images/feelinsick.png)
}

.left01 {
position:absolute;
box-sizing:border-box;
height:2%;
width:95%;
left:2.5%;
bottom:0;
background-position:center center;
background-attachment:scroll;
background-size:cover;
background:#00FF41
}

.left02 {
position:absolute;
box-sizing:border-box;
height:2%;
width:90%;
left:5%;
bottom:0;
background-position:center center;
background-attachment:scroll;
background-size:cover;
background:#00FF41
}

.top01 {
position:absolute;
box-sizing:border-box;
height:2%;
width:95%;
left:2.5%;
bottom:0;
background-position:center center;
background-attachment:scroll;
background-size:cover;
background:#00FF41
}

.bottom01 {
position:absolute;
box-sizing:border-box;
height:2%;
width:90%;
right:5%;
bottom:0;
background-position:center center;
background-attachment:scroll;
background-size:cover;
background:#00FF41
}

.park {
position:absolute;
box-sizing:border-box;
width:30%;
height:80%;
top:10%;
background-color:#020d04;
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;
cursor:pointer;
left:50%;
transform:translate(-50%,0%);
border:solid #00FF41
}

.parknot {
position:absolute;
box-sizing:border-box;
width:46.25%;
height:25%;
left:2.5%;
background-color:silver;
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;
cursor:pointer;
bottom:15%
}

.parknot2 {
position:absolute;
box-sizing:border-box;
color:#000;
width:15%;
height:100%;
right:0;
background-color:#020d04;
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;
cursor:pointer;
border:solid #00FF41;
top:0
}

.park:active {
box-shadow:inset -1px -1px #ffffff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray
}

.parknot:active {
box-shadow:inset -1px -1px #ffffff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray
}

.arrowleft:active {
box-shadow:inset -1px -1px #ffffff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray
}

.arrowright {
position:absolute;
height:10%;
width:10%;
right:5%;
box-sizing:border-box;
top:45%;
background-color:silver;
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;
cursor:pointer
}

.arrowright:active {
box-shadow:inset -1px -1px #ffffff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray
}

.parknot2:active {
box-shadow:inset -1px -1px #ffffff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray
}

.vids:active {
box-shadow:inset -1px -1px #ffffff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray
}

.park p {
margin:0;
position:absolute;
top:50%;
padding-top:10px;
padding-bottom:10px;
color:#00FF41;
width:90%;
box-sizing:border-box;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.parknot p {
margin:0;
position:absolute;
top:50%;
padding-top:10px;
padding-bottom:10px;
color:#020d04;
width:90%;
box-sizing:border-box;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.parknot2 p {
margin:0;
position:absolute;
top:50%;
padding-top:10px;
padding-bottom:10px;
color:#00FF41;
width:90%;
box-sizing:border-box;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.vids p {
margin:0;
position:absolute;
top:50%;
padding-top:10px;
padding-bottom:10px;
width:90%;
box-sizing:border-box;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.arrowleft p {
margin:0;
position:absolute;
top:50%;
padding-top:10px;
padding-bottom:10px;
color:#020d04;
width:90%;
box-sizing:border-box;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.arrowright p {
margin:0;
position:absolute;
top:50%;
padding-top:10px;
padding-bottom:10px;
color:#020d04;
width:90%;
box-sizing:border-box;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.culture {
position:absolute;
box-sizing:border-box;
width:50%;
height:100%;
right:0;
background-color:#020d04;
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;
cursor:pointer;
border:solid #00ff41
}

.culture:active {
box-shadow:inset -1px -1px #ffffff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray
}

.open:active {
box-shadow:inset -1px -1px #ffffff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray
}

.open01:active {
box-shadow:inset -1px -1px #ffffff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray
}

.close:active {
box-shadow:inset -1px -1px #ffffff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray
}

.close01:active {
box-shadow:inset -1px -1px #ffffff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray
}

.culture p {
margin:0;
position:absolute;
top:50%;
padding-top:10px;
padding-bottom:10px;
color:#00FF41;
width:90%;
box-sizing:border-box;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.close p {
margin:0;
position:absolute;
top:50%;
padding-top:10px;
padding-bottom:10px;
color:#00FF41;
width:90%;
box-sizing:border-box;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.close02 p {
margin:0;
position:absolute;
top:50%;
padding-top:10px;
padding-bottom:10px;
color:#00FF41;
width:90%;
box-sizing:border-box;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.close01 p {
margin:0;
position:absolute;
top:50%;
padding-top:10px;
padding-bottom:10px;
color:#00FF41;
width:90%;
box-sizing:border-box;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.open p {
margin:0;
position:absolute;
top:50%;
padding-top:10px;
padding-bottom:10px;
color:#00FF41;
width:90%;
box-sizing:border-box;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.open01 p {
margin:0;
position:absolute;
top:50%;
padding-top:10px;
padding-bottom:10px;
color:#00FF41;
width:90%;
box-sizing:border-box;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.kevin {
position:absolute;
right:5%;
top:7.5%;
height:55%;
width:44%;
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:cover;
background-image:url(../images/waves.png)
}

.thatway {
position:absolute;
left:10%;
top:50%;
height:10%;
width:40%;
color:#00FF41;
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:cover;
font-size:1em;
line-height:2em;
font-family:'Courier Prime',monospace;
white-space:nowrap;
overflow:hidden
}

.idk {
position:absolute;
left:5%;
top:7.5%;
height:55%;
width:44%;
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:cover;
font-size:1em;
line-height:1em;
font-family:'Courier Prime',monospace;
text-align:center;
color:silver;
overflow:scroll
}

.idkright {
position:absolute;
left:5%;
bottom:37.5%;
height:55%;
width:44%;
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:cover;
font-size:1em;
line-height:1em;
font-family:'Courier Prime',monospace;
text-align:center;
color:silver;
overflow:scroll;
    border: solid red;
    padding: 10%;
}

.idk p {
margin:0;
box-sizing:border-box;
position:absolute;
top:0;
left:0;
width:100%;
height:95%;
text-align:left
}

.idkright p {
margin:0;
box-sizing:border-box;
position:absolute;
top:0;
left:0;
width:95%;
height:95%;
text-align:left
}

.idk02 {
position:absolute;
left:5%;
bottom:25%;
height:10%;
width:90%;
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:cover;
font-family:'Roboto',sans-serif;
font-size:1vw;
white-space:nowrap;
overflow:hidden;
color:#00FF41;
border-top:solid  #00ff41;
border-bottom:solid  #00ff41;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.finger01 {
position:absolute;
left:5%;
bottom:7.5%;
height:15%;
width:90%;
border-bottom:solid  #00ff41;
border-top:solid  #00ff41;
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:cover
}

.finger03 {
position:absolute;
right:15%;
height:80%;
top:10%;
width:10%;
box-sizing:border-box;
background-position:right center;
background-attachment:scroll;
background-size:contain;
background-repeat:no-repeat;
background-image:url(images/indexalt.png)
}

.finger03r {
position:absolute;
left:0;
height:80%;
top:10%;
width:10%;
box-sizing:border-box;
background-position:left center;
background-attachment:scroll;
background-size:contain;
background-repeat:no-repeat;
background-image:url(images/index.png)
}

.finger04r {
position:absolute;
left:15%;
height:80%;
top:10%;
width:10%;
box-sizing:border-box;
background-position:left center;
background-attachment:scroll;
background-size:contain;
background-repeat:no-repeat;
background-image:url(images/index.png)
}

.fingers05r {
position:absolute;
left:30%;
height:100%;
border:solid .5px silver;
width:10%;
box-sizing:border-box;
background-position:left center;
background-attachment:scroll;
background-size:contain;
background-repeat:no-repeat;
background-image:url(images/index.png)
}

.fingers05 {
position:absolute;
right:30%;
height:100%;
border:solid .5px silver;
width:10%;
box-sizing:border-box;
background-position:right center;
background-attachment:scroll;
background-size:contain;
background-repeat:no-repeat;
background-image:url(images/indexalt.png)
}

.finger05 {
position:absolute;
left:0;
height:70%;
top:15%;
width:25%;
box-sizing:border-box;
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
background-image:url(images/index.png)
}

.finger06 {
position:absolute;
left:25%;
height:70%;
top:15%;
width:25%;
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:contain;
background-repeat:no-repeat;
background-image:url(images/index.png)
}

.finger04 {
position:absolute;
right:0;
height:80%;
top:10%;
width:10%;
box-sizing:border-box;
background-position:right center;
background-attachment:scroll;
background-size:contain;
background-repeat:no-repeat;
background-image:url(images/indexalt.png)
}

.thatway01 {
position:absolute;
left:5%;
top:50%;
height:10%;
width:40%;
color:#00FF41;
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:cover;
font-family:'Roboto',sans-serif;
font-size:.85vw;
font-weight:100;
white-space:nowrap;
overflow:hidden
}

.kevin1 {
position:absolute;
right:5%;
top:7.5%;
height:55%;
width:44%;
border:solid  #00ff41;
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:contain;
background-repeat:no-repeat;
background-image:url(../images/animation.gif)
}

.man {
position:absolute;
width:100%;
top:50%;
left:50%;
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:contain;
background-repeat:no-repeat
}

.junk {
position:absolute;
width:100%;
top:50%;
left:50%;
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:contain;
background-repeat:no-repeat;
text-align:center
}

.spot {
position:absolute;
width:100%;
top:50%;
left:50%;
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
text-align:right;
box-sizing:border-box;
background-position:center center;
background-attachment:scroll;
background-size:contain;
background-repeat:no-repeat
}

.footer {
background:#020d04;
width:100%;
height:25vh;
box-sizing:border-box
}

.botnav {
font-family:'Courier Prime',monospace;
font-weight:400;
font-size:.9em;
line-height:1em;
margin:0;
box-sizing:border-box;
width:20%;
left:5%;
position:absolute;
bottom:25%
}

.uparrow {
position:absolute;
box-sizing:border-box;
left:50%;
transform:translate(-50%,-50%);
width:auto;
height:50%;
top:50%;
background-position:center center;
background-attachment:scroll;
background-size:contain;
background-repeat:no-repeat
}

.uparrow:hover {
height:60%
}

.footerlinks: {
line-height:1.5em;
color:#020d04
}

a.footerlinks:link {
color:red
}

a.footerlinks:visited {
color:#00f
}

a.footerlinks:hover {
color:#fc0
}

.footercolor {
background-position:center center;
background-attachment:scroll;
background-size:cover;
position:relative;
width:90%;
box-sizing:border-box;
height:75%;
left:50%;
transform:translate(-50%,0)
}

.open {
position:absolute;
box-sizing:border-box;
width:20%;
height:10%;
right:10%;
bottom:15%;
background-color:#020d04;
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;
cursor:pointer;
border:solid #00ff41
}

.open01 {
position:absolute;
box-sizing:border-box;
width:20%;
height:10%;
left:10%;
bottom:15%;
background-color:#020d04;
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;
cursor:pointer;
border:solid #00ff41
}

.close {
position:absolute;
box-sizing:border-box;
height:10%;
width:20%;
right:0;
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;
cursor:pointer;
border:solid #00ff41;
background:#020d04
}

.close01 {
position:absolute;
box-sizing:border-box;
height:10%;
width:20%;
right:0;
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;
cursor:pointer;
border:solid #00ff41;
background:#020d04
}

.dottedborder {
border:dotted #00ff41;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:90%;
height:85%;
position:absolute;
overflow:hidden;
box-sizing:border-box
}

.quote {
position:absolute;
box-sizing:border-box;
width:30%;
height:20%;
top:40%;
left:40%;
text-align:center;
font-weight:600;
font-size:1em;
font-family:'roboto',monospace
}

.greenman {
position:absolute;
box-sizing:border-box;
left:50%;
bottom:15%;
transform:translate(-50%,0);
height:20%;
width:10%;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
background-image:url(../images/greenman.gif)
}

p1 {
color:#00FF41
}

p3 {
color:#00FF41
}

.leftside {
position:absolute;
box-sizing:border-box;
width:35%;
left:2.5%;
top:5%;
color:silver;
background-color:#020d04;
height:95%
}

.arrowleft {
position:absolute;
height:10%;
width:10%;
left:5%;
top:45%;
position:absolute;
box-sizing:border-box;
background-color:silver;
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;
cursor:pointer
}

.old {
position:absolute;
box-sizing:border-box;
height:100%;
width:100%
}

.new {
position:absolute;
box-sizing:border-box;
height:100%;
width:100%;
background:#020d04
}

.backgroundpark {
background-position:center center;
background-attachment:scroll;
background-size:cover;
position:absolute;
width:90%;
height:90%;
top:10%;
left:5%;
box-sizing:border-box;
background-color:silver;
box-shadow:inset -2px 0 #0a0a0a,inset 2px 2px #dfdfdf,inset -4px 0 grey,inset 4px 4px #fff
}

.outerrim {
width:95%;
height:90%;
top:5%;
left:50%;
left:50%;
transform:translate(-50%,0);
position:absolute;
box-sizing:border-box;
border:solid #000;
overflow:hidden
}

.innerrim {
width:300%;
height:100%;
left:-100%;
position:absolute;
box-sizing:border-box
}

.maxleft {
position:absolute;
height:100%;
width:10%;
left:0;
top:0;
position:absolute;
box-sizing:border-box;
background-color:silver;
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;
cursor:pointer
}

.maxright {
position:absolute;
height:100%;
width:10%;
right:0;
top:0;
position:absolute;
box-sizing:border-box;
background-color:silver;
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;
cursor:pointer
}

.maxleft p {
margin:0;
position:absolute;
top:50%;
padding-top:10px;
padding-bottom:10px;
color:#020d04;
width:90%;
box-sizing:border-box;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.maxright p {
margin:0;
position:absolute;
top:50%;
padding-top:10px;
padding-bottom:10px;
color:#020d04;
width:90%;
box-sizing:border-box;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.maxleft:active {
box-shadow:inset -1px -1px #ffffff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray
}

.myBtn:active {
box-shadow:inset -1px -1px #ffffff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray
}

.maxright:active {
box-shadow:inset -1px -1px #ffffff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray
}

.middle {
width:33.33%;
left:33.33%;
position:absolute;
box-sizing:border-box;
height:100%
}

.left {
width:33.33%;
left:0;
position:absolute;
box-sizing:border-box;
height:100%
}

.right {
width:33.33%;
right:0;
position:absolute;
box-sizing:border-box;
height:100%
}

.green {
background:#020d04;
width:100%;
height:100vh;
box-sizing:border-box
}

.split {
background:#fff;
position:absolute;
right:15%;
height:90%;
top:5%;
width:30%;
border:solid #000;
background-image:url(../images/donation.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain
}

.dono {
background-image:url(images/donation.png);
background-position:center;
background-repeat:no-repeat;
border:solid red
}

button {
text-indent:-9999px;
width:16px;
height:16px;
border:none;
cursor:pointer;
background:transparent
}

input[type=range] {
-webkit-appearance:none;
width:100%;
margin:6.8px 0
}

input[type=range]:focus {
outline:none
}

input[type=range]::-webkit-slider-runnable-track {
width:10%;
height:9px;
cursor:pointer;
background:#000
}

input[type=range]::-webkit-slider-thumb {
position:relative;
top:-14px;
height:30px;
width:15px;
box-shadow:inset -1px -1px black,inset 1px 1px #dfdfdf,inset -2px -2px gray ,inset 2px 2px #fff;
box-sizing:border-box;
background:silver;
cursor:pointer;
-webkit-appearance:none;
margin-top:0
}

h1 {
font-size:16px;
color:#333
}

#player {
position:absolute;
background-color:silver;
box-sizing:border-box;
height:90%;
width:60%;
min-width:35px;
top:5%;
right:5%
}

body {
margin:0;
box-sizing:border-box
}

#controls {
width:95%;
height:75%;
box-sizing:border-box;
position:absolute;
background-color:silver;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}

button {
text-indent:-9999px;
width:16px;
height:16px;
border:none;
cursor:pointer
}

.pause {
position:absolute;
bottom:0;
width:40px;
height:40px;
left:0;
background-image:url(../images/pause.png);
background-position:center center;
background-repeat:no-repeat;
background-size:50% 50%;
position:absolute;
bottom:0;
height:40px;
width:40px;
left:0;
box-shadow:inset -1px -1px white,inset 1px 1px #808080,inset -2px -2px #dfdfdf,inset 2px 2px #000;
box-sizing:border-box
}

.stop {
background-image:url(../images/stop.png);
background-position:center center;
background-repeat:no-repeat;
background-size:50% 50%;
position:absolute;
bottom:0;
height:40px;
width:40px;
left:0;
box-shadow:inset -1px -1px black,inset 1px 1px #dfdfdf,inset -2px -2px gray ,inset 2px 2px #fff;
box-sizing:border-box
}

.play {
background-image:url(../images/play.png);
background-position:center center;
background-repeat:no-repeat;
background-size:50% 50%;
position:absolute;
bottom:0;
height:40px;
width:40px;
left:0;
box-shadow:inset -1px -1px black,inset 1px 1px #dfdfdf,inset -2px -2px gray ,inset 2px 2px #fff;
box-sizing:border-box
}

.stop {
position:absolute;
bottom:0;
width:40px;
height:40px;
left:45px
}

.stop:active {
box-shadow:inset -1px -1px white,inset 1px 1px #808080,inset -2px -2px #dfdfdf,inset 2px 2px #000;
box-sizing:border-box
}

.mute {
position:absolute;
bottom:0;
background-image:url(../images/unmute.png);
background-position:center center;
background-repeat:no-repeat;
background-size:50% 50%;
position:absolute;
bottom:0;
height:40px;
width:40px;
box-shadow:inset -1px -1px black,inset 1px 1px #dfdfdf,inset -2px -2px gray ,inset 2px 2px #fff;
box-sizing:border-box;
right:25%
}

.unmute {
position:absolute;
background-image:url(../images/mute.png);
background-position:center center;
background-repeat:no-repeat;
background-size:50% 50%;
position:absolute;
bottom:0;
height:40px;
width:40px;
box-shadow:inset -1px -1px white,inset 1px 1px #808080,inset -2px -2px #dfdfdf,inset 2px 2px #000;
box-sizing:border-box;
right:25%
}

.replay {
position:absolute;
bottom:0;
left:90px;
background-image:url(../images/repeat-04.png);
background-position:center center;
background-repeat:no-repeat;
background-size:50% 50%;
position:absolute;
bottom:0;
height:40px;
width:40px;
box-shadow:inset -1px -1px black,inset 1px 1px #dfdfdf,inset -2px -2px gray ,inset 2px 2px #fff;
box-sizing:border-box
}

.replay:active {
box-shadow:inset -1px -1px white,inset 1px 1px #808080,inset -2px -2px #dfdfdf,inset 2px 2px #000;
box-sizing:border-box
}

.fullscreen {
display:none
}

progress {
font-size:12px;
width:100%;
left:50%;
top:10%;
transform:translate(-50%,-50%);
position:absolute;
box-sizing:border-box;
height:10px;
cursor:pointer;
border-right:1px solid grey;
border-bottom:1px solid grey;
box-shadow:1px 0 0 white,1px 1px 0 white,0 1px 0 white,-1px 0 0 darkgrey,-1px -1px 0 darkgrey,0 -1px 0 darkgrey,-1px 1px 0 white,1px -1px darkgrey;
vertical-align:middle
}

progress[value]::-webkit-progress-bar {
background-color:#fff
}

progress[value]::-webkit-progress-value {
background:#00FF41;
height:100%
}

input[type=range] {
-webkit-appearance:none;
width:30%
}

input[type=range]:focus {
outline:none
}

input[type=range]::-webkit-slider-runnable-track {
right:0;
bottom:25%;
position:absolute;
width:20%;
height:5px;
cursor:pointer;
background:#fff;
border-right:1px solid grey;
border-bottom:1px solid grey
}

[type=range]::-ms-thumb {
display:none
}

input[type=range]:focus::-ms-fill-lower {
background:#205928
}

.border {
position:absolute;
box-sizing:border-box;
height:85%;
width:100%;
top:0;
left:50%;
transform:translate(-50%);
background-color:silver;
box-shadow:inset -4px -4px #808080,inset 4px 4px white,inset -8px -8px #afafaf,inset 8px 8px #dfdfdf;
border-bottom:solid #000
}

.tvborder {
position:absolute;
box-sizing:border-box;
height:85%;
width:100%;
top:0;
left:50%;
transform:translate(-50%);
background-color:silver;
box-shadow:inset -4px -4px #808080,inset 4px 4px white,inset -8px -8px #afafaf,inset 8px 8px #dfdfdf;
border-bottom:solid #000
}

.stack01 {
position:absolute;
box-sizing:border-box;
height:calc(5% + 2px);
width:45%;
background-color:silver;
top:calc(85% - 2px);
left:50%;
transform:translate(-50%,0);
box-shadow:inset -4px -4px #808080,inset 4px 0 white,inset 0 4px gray;
border-bottom:solid #000;
border-right:solid #000
}

.tvstack01 {
position:absolute;
box-sizing:border-box;
border:solid red;
left:2.5%;
height:80%;
top:10%;
width:20%
}

.stack02 {
position:absolute;
box-sizing:border-box;
height:5%;
width:35%;
background-color:silver;
top:90%;
left:50%;
transform:translate(-50%,0);
box-shadow:inset -4px 0 #808080,inset 4px 0 white,inset 0 4px gray;
border-right:solid #000
}

.tvstack02 {
position:absolute;
box-sizing:border-box;
height:5%;
width:100%;
background-color:silver;
top:90%;
left:50%;
transform:translate(-50%,0);
box-shadow:inset -4px 0 #808080,inset 4px 0 white,inset 0 4px gray;
border-right:solid #000
}

.stack03 {
position:absolute;
box-sizing:border-box;
height:5%;
width:55%;
background-color:silver;
top:95%;
left:50%;
transform:translate(-50%,0);
box-shadow:inset 4px 4px #fff;
border:solid gray
}

.tvstack03 {
position:absolute;
box-sizing:border-box;
height:15%;
width:100%;
background-color:silver;
bottom:0;
left:50%;
transform:translate(-50%,0);
border:solid gray
}

.library01 {
position:absolute;
box-sizing:border-box;
width:100%;
height:100%
}

#video-element {
width:85%;
height:80%;
background:#020d04;
position:absolute;
box-sizing:border-box;
top:50%;
left:50%;
transform:translate(-50%,-50%);
box-shadow:inset -4px -4px white,inset 4px 4px #808080,inset -8px -8px #dfdfdf,inset 8px 8px #000;
padding:10px
}

.library02 {
position:absolute;
box-sizing:border-box;
width:25%;
height:50%;
left:5%;
bottom:5%;
border:dotted #000;
overflow-y:scroll
}

.vids {
box-sizing:border-box;
width:100%;
height:10%;
position:absolute;
background-color:silver;
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;
cursor:pointer
}

.vids1 {
top:0
}

.vids2 {
top:10%
}

.vids3 {
top:20%
}

.vids4 {
top:30%
}

.vids5 {
top:40%
}

.vids6 {
top:50%
}

.vids7 {
top:60%
}

.vids8 {
top:70%
}

.vids9 {
top:80%
}

.vids11 {
top:90%
}

.active {
color:#00FF41;
background-color:#020d04;
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff
}

.blue02 {
background:#020d04;
width:100%;
height:100vh;
box-sizing:border-box
}

.blue07 {
background:#020d04;
width:100%;
height:100vh;
box-sizing:border-box
}

.blue08 {
background:#020d04;
width:100%;
height:100vh;
box-sizing:border-box
}

.in {
position:absolute;
box-sizing:border-box;
top:50%;
height:100%;
transform:translate(0,-50%);
width:500%
}

.out {
position:absolute;
box-sizing:border-box;
height:90%;
top:5%;
width:72.5%;
left:5%;
background:#020d04;
overflow:hidden;
box-shadow:inset -2px -2px white,inset 2px 2px #808080,inset -4px -4px #dfdfdf,inset 4px 4px #000
}

.glr-item {
position:absolute;
max-height:80%;
max-width:10%;
box-sizing:border-box;
margin:0;
padding:0;
top:50%;
padding-left:.5%;
padding-right:.5%;
transform:translate(0,-50%)
}

.inn {
position:absolute;
width:95%;
height:90%;
left:2.5%;
top:5%;
border-top:dotted #00ff41;
border-bottom:dotted #00ff41;
box-sizing:border-box;
overflow:hidden
}

.vidtitle {
position:absolute;
box-sizing:border-box;
top:50%;
left:50%;
width:auto;
height:auto;
transform:translate(-50%,-50%);
color:#00FF41;
background-color:#020d04;

margin:0;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.gosh {
position:absolute;
box-sizing:border-box;
width:55%;
height:40px;
bottom:0;
right:30%
}

.gosh1 {
position:absolute;
box-sizing:border-box;
height:40px;
bottom:15%;
white-space:nowrap;
left:30%
}

.s1 {
left:0
}

.s2 {
left:10%
}

.s3 {
left:20%
}

.s4 {
left:30%
}

.s5 {
left:40%
}

.s6 {
left:50%
}

.s7 {
left:60%
}

.s8 {
left:70%
}

.s9 {
left:80%
}

.s11 {
left:90%
}

.credit {
position:absolute;
box-sizing:border-box;
width:auto;
height:auto;
color:#00FF41;
background-color:#020d04;

margin-left:.5%;
bottom:5%;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

#myVideo {
width:100%;
height:100%;
position:absolute;
box-sizing:border-box;
left:50%;
transform:translate(-50%,0)
}

.myBtn {
position:absolute;
box-sizing:border-box;
padding:1%;
left:50%;
transform:translate(-50%,0);
bottom:5%;
width:10%;
background-color:silver;
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;
cursor:pointer;
color:#020d04;
box-sizing:border-box;
text-align:center;
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.logo {
position:absolute;
box-sizing:border-box;
color:rgba(255,0,0,0.0);
white-space:nowrap;
top:50%;
left:50%;
transform:translate(-50%,-50%);
margin:0;
font-family: aktiv-grotesk, sans-serif;

font-weight: 700;

font-style: italic;
font-size:7.7vw;
-webkit-text-stroke-width:2px;
-webkit-text-stroke-color:#000
}

#img {
position:absolute;
box-sizing:border-box;
height:100%;
left:50%;
transform:translate(-50%,0)
}

a.link:link {
color:#020d04;
text-decoration:none
}

.link p {
margin:5px
}

.anus p {
height:90%;
width:90%;
left:5%;
top:5%;
position:absolute;
box-sizing:border-box
}

a.link:visited {
color:#020d04
}

a.link:hover {
color:#020d04;
text-decoration:underline
}

.socials {
font-family:'Courier Prime',monospace;
font-weight:400;
font-size:.9em;
line-height:1em;
margin:0;
box-sizing:border-box;
width:20%;
right:5%;
position:absolute;
bottom:25%;
text-align:right
}

.int_map {
position:absolute;
box-sizing:border-box;
height:100%;
width:90%;
right:0;
overflow:scroll
}

.img01 {
width:1500px
}

.ob01 {
position:absolute;
box-sizing:border-box;
border:solid silver
}

.ob01:hover {
border:solid #00ff41;
cursor:pointer
}

.ob02 {
position:absolute;
box-sizing:border-box;
height:150px;
right:75px;
width:100px;
top:250px
}

.info01 {
position:absolute;
box-sizing:border-box;
height:100%;
right:-51%;
width:50%;
top:0;
background:#020d04
}

.close02 {
position:absolute;
box-sizing:border-box;
width:20%;
height:10%;
right:0;
top:0;
background-color:#020d04;
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;
cursor:pointer;
border:solid #00ff41
}

.close02:active {
box-shadow:inset -1px -1px #ffffff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray
}

.position {
height:150px;
left:875px;
width:100px;
top:350px
}

.position01 {
height:150px;
left:1075px;
width:100px;
top:250px
}

.position02 {
height:100px;
left:625px;
width:100px;
top:125px
}

.position03 {
height:150px;
left:425px;
width:100px;
top:600px
}

.position04 {
height:150px;
left:650px;
width:100px;
top:950px
}

.position05 {
height:175px;
left:950px;
width:100px;
top:975px
}

.position06 {
height:250px;
left:300px;
width:200px;
top:2300px
}

.position07 {
height:125px;
left:700px;
width:75px;
top:1550px
}

.position08 {
left:615px;
width:75px;
top:1500px;
height:200px
}

.position09 {
left:125px;
width:150px;
top:500px;
height:1200px
}

.info_inner_01 {
position:absolute;
box-sizing:border-box;
width:90%;
height:90%;
top:5%;
left:5%
}

.info_image {
position:absolute;
box-sizing:border-box;
width:100%;
height:50%;
overflow:hidden
}

.info_text {
position:absolute;
box-sizing:border-box;
width:100%;
height:45%;
top:55%;
left:0
}

.type {
position:absolute;
box-sizing:border-box;
width:100%;
height:25%;
border-top:dotted #00ff41;
margin:0;
padding:0
}

.dem {
position:absolute;
box-sizing:border-box;
width:100%;
height:25%;
border-top:dotted #00ff41;
margin:0;
padding:0;
top:25%
}

.cat {
position:absolute;
box-sizing:border-box;
width:100%;
height:25%;
border-top:dotted #00ff41;
margin:0;
top:50%;
padding:0
}

.con {
position:absolute;
box-sizing:border-box;
width:100%;
height:25%;
border-top:dotted #00ff41;
border-bottom:dotted #00ff41;
margin:0;
padding:0;
bottom:0
}

.list_left {
position:absolute;
box-sizing:border-box;
top:50%;
left:0;
transform:translate(0,-50%);
color:#00ff41;
margin:0;
padding:0;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.list_right {
position:absolute;
box-sizing:border-box;
top:50%;
right:0;
transform:translate(0,-50%);
color:#00ff41;
margin:0;
padding:0;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.info_img_01 {
position:absolute;
box-sizing:border-box;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:100%;
height:auto
}

.address {
position:absolute;
box-sizing:border-box;
width:auto;
height:auto;
left:20%;
color:silver;
background-color:#020d04;
bottom:0;
margin:0;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.shell {
position:absolute;
box-sizing:border-box;
border:solid #000;
width:95%;
height:90%;
left:2.5%;
top:5%
}

#mp3 {
position:absolute;
box-sizing:border-box;
border-right:solid #000;
width:33.33%;
height:100%;
left:0;
background-image:url(../images/mp3.gif);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
-webkit-filter:grayscale(100%);
filter:grayscale(100%);
overflow:hidden
}

#mp4 {
position:absolute;
box-sizing:border-box;
width:33.33%;
height:100%;
left:33.33%;
background:#4e4e4e;
background-image:url(../images/mp4.gif);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
-webkit-filter:grayscale(100%);
filter:grayscale(100%);
overflow:hidden
}

#png {
position:absolute;
box-sizing:border-box;
border-left:solid #000;
width:33.33%;
height:100%;
right:0;
background-color:#d4d4d4;
background-image:url(../images/png.gif);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
-webkit-filter:grayscale(100%);
filter:grayscale(100%);
overflow:hidden
}

#png:hover {
-webkit-filter:grayscale(0%);
filter:grayscale(0%);
filter:saturate(2.2)
}

#mp4:hover {
-webkit-filter:grayscale(0%);
filter:grayscale(0%);
filter:saturate(2.2)
}

#mp3:hover {
-webkit-filter:grayscale(0%);
filter:grayscale(0%);
filter:saturate(2.2)
}

.btt {
position:fixed;
width:100px;
height:100px;
right:2.5%;
top:5%;
border:solid #00FF41;
border-radius:100px;
z-index: 999;
background:#020d04
}

.btt p {
margin:0;
position:absolute;
top:50%;
padding-top:10px;
padding-bottom:10px;
color:#00FF41;
width:90%;
box-sizing:border-box;
text-align:center;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.ugh:link {
color:#fff;
text-align:center;
left:50%;
top:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal;
border:solid green
}

.ugh:visited {
color:#fff;
text-align:center;
left:50%;
top:50%;
transform:translate(-50%,-50%);
cursor:pointer;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal;
border:solid green
}

.turn_table {
position:absolute;
box-sizing:border-box;
width:90%;
height:77.5%;
bottom:5%;
left:5%;
background-image:url(../images/watermelon.gif);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
border:solid #000;
filter:grayscale(100%)
}

.turn_table_lybrery {
position:absolute;
box-sizing:border-box;
width:25%;
height:90%;
top:5%;
right:5%;
border:dotted #000;
overflow-y:scroll
}

.question {
color:#00FF41
}

.answer {
color:silver
}





#aud01 {
position:absolute;
box-sizing:border-box;
left:15%;
top:7%;
height:150px;
width:150px
}

#aud02 {
position:absolute;
box-sizing:border-box;
left:50%;
top:7%;
transform:translate(-50%,0);
height:150px;
width:150px
}

#aud03 {
position:absolute;
box-sizing:border-box;
right:15%;
top:7%;
height:150px;
width:150px
}

#aud04 {
position:absolute;
box-sizing:border-box;
left:15%;
top:50%;
transform:translate(0,-50%);
height:150px;
width:150px
}

#aud05 {
position:absolute;
box-sizing:border-box;
left:50%;
top:50%;
transform:translate(-50%,-50%);
height:150px;
width:150px
}

#aud06 {
position:absolute;
box-sizing:border-box;
right:15%;
top:50%;
height:150px;
width:150px;
transform:translate(0,-50%)
}

#aud07 {
position:absolute;
box-sizing:border-box;
left:15%;
bottom:7%;
height:150px;
width:150px
}

#aud08 {
position:absolute;
box-sizing:border-box;
left:50%;
bottom:7%;
transform:translate(-50%,0);
height:150px;
width:150px
}

#aud09 {
position:absolute;
box-sizing:border-box;
right:15%;
bottom:7%;
height:150px;
width:150px
}

#canvas {
position:absolute;
top:0;
box-sizing:border-box;
height:100%;
width:100%
}

#canvasForHTML {
position:absolute;
box-sizing:border-box;
left:50%;
top:50%;
transform:translate(-50%,-50%);
mix-blend-mode:color-dodge
}

.canvas {
position:absolute;
box-sizing:border-box;
width:90%;
height:77.5%;
left:5%;
bottom:5%;
overflow:hidden
}

.audio_lib {
position:absolute;
box-sizing:border-box;
width:90%;
height:77.5%;
left:5%;
bottom:5%
}
.start-title {
    position:absolute;
color: white;
width: 50%;
top:30%;
left:10%;
margin:0;
font-size: 2em;
text-align:left;
white-space:nowrap;
overflow:hidden;
-webkit-box-sizing:content-box;
box-sizing:content-box;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal;
    border-bottom: double white 5px;
}

.start-title_dis {
    position:absolute;
color: white;
width: auto;
    padding: 5%;
top:50%;
left:50%;
transform: translate(-50%,-50%);
margin:0;
font-size: 1em;
line-height: 1.5em;
text-align:center;


overflow:hidden;
-webkit-box-sizing:content-box;
box-sizing:content-box;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal;
   border: dotted #00ff41;
   
}




#loader {
    position: fixed;
    height: 100vh;
    width: 100%;
  z-index: 99999;
background: #020d04;
}

.option01 {
      position:absolute;
color:white;
top:40%;
    font-size: 2em;
 width: 45%;
left:10%;
    padding-left: 5%;
margin:0;
border-right:2px solid #000;
text-align:left;
white-space:nowrap;
overflow:hidden;
-webkit-box-sizing:content-box;
box-sizing:content-box;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.option02 {
      position:absolute;
color:white;
top:45%;
    font-size: 2em;
     width: 45%;
left:10%;
    padding-left: 5%;
margin:0;
border-right:2px solid #000;
text-align:left;
white-space:nowrap;
overflow:hidden;
-webkit-box-sizing:content-box;
box-sizing:content-box;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.option03 {
      position:absolute;
color:white;
top:50%;
    width: 45%;
    font-size: 2em;
left:10%;
    padding-left: 5%;
margin:0;
border-right:2px solid #000;
text-align:left;
white-space:nowrap;
overflow:hidden;
-webkit-box-sizing:content-box;
box-sizing:content-box;
font-family:"Pixelated MS Sans Serif";
src:url(fonts/converted/ms_sans_serif.woff) format(woff);
src:url(fonts/converted/ms_sans_serif.woff2) format(woff2);
font-weight:400;
font-style:normal
}

.disclaimer {
    position: fixed;
    box-sizing: border-box;
    z-index: 99999999999999;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: #020d04;
   
    
    
}


@media only screen and (min-width: 1000px) {
 .disclaimer {
    position: fixed;
    box-sizing: border-box;
    z-index: 99999999999999;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #020d04;
     display: none;}
     

    
    
}
}