/* space-mono-regular - latin */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  src: url('fonts/space-mono-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/space-mono-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/space-mono-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/space-mono-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/space-mono-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/space-mono-v6-latin-regular.svg#SpaceMono') format('svg'); /* Legacy iOS */
}

/* b612-mono-regular - latin */
@font-face {
  font-family: 'B612 Mono';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/b612-mono-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/b612-mono-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/b612-mono-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/b612-mono-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/b612-mono-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/b612-mono-v5-latin-regular.svg#B612Mono') format('svg'); /* Legacy iOS */
}

/* space grotesk */
@font-face {
  font-family: 'space grotesk';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('./fonts/spacegrotesk-2.0.0/otf/SpaceGrotesk-Bold.otf') format('opentype'), 
       url('./fonts/spacegrotesk-2.0.0/woff2/static/SpaceGrotesk-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/spacegrotesk-2.0.0/ttf/static/SpaceGrotesk-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: "HelveticaLTStd-Bold";
  src: url("font/HelveticaLTStd-Bold.otf");
  font-weight: 300;
  font-style: bold;}


body {
 background-image: url('eznimg/ezzn.webp');
 background-color: blue;
 background-size: cover;
 font-family: 'B612 Mono', "Times New Roman", Times, Estrangelo Edessa, TITUS Cyberbit Basic, Sun-ExtA, Code2000, unifont;
 font-size: 11px;
}

pre.boi {
 font-weight: bold;
 font-size: 13px;
}

.alert {
  background-color: transparent;
  width: 65%;
  height: 70%;
  padding: 20px;
  position: fixed;
  top: 1%;
  right: 1%;
  z-index: 10;
}

img.rdam { display: inline !important; }

.now {
  display: block;
  position: fixed;
  top: 17%;
  left: 20%;
  width: 70%;
  height: 90%;
  font-family: 'space grotesk', monospace;
  overflow-y: scroll;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;
}

.now::-webkit-scrollbar {
  display: none;
}

.now > h1 {
  margin-left: 7%;
}

.now h2,
.now h1,
.now a {
  color: #d44d24;
}

.closebtn {
  margin-left: 15px;
  color: red;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: cell;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

.tooltip {
  visibility: hidden;
  width: 15px;
  font-size: 15px;
  background-color: transparent;
  color: white;
  text-shadow: 0px 1.5px red;
  position: relative;
  bottom: 4px;
  z-index: 9;
}

.killerpoke_t,
.kmo_t, 
.nul_t, 
.ter_t, 
.sphere_t, 
.lim_t, 
.iwd_t, 
.ebb_t, 
.tsk_t, 
.p3_t, 
.vic_t, 
.int_t, 
.off_t, 
.cca_t, 
.sef_t, 
.rood_t, 
.kaunas_t,
.impakt_t,
.conf_t,
.modd_t,
.prox_t,
.f00f_t {
 display: none;
}

/* snd.rl */

.snd {
 border:1pt solid black;
 width: 400px;
 height: 150px;
 padding-left: 15px;
}

button {
 background-color: transparent;
}

.kmo {
 position: absolute;
 top: 30%;
 left: 3%;
}

.nul {
 position: absolute;
 top: 37%;
 left: 3%;
}

.ter {
 position: absolute;
 top: 44%;
 left: 3%;
}

.kmo:hover + .kmo_t,
.nul:hover + .nul_t,
.ter:hover + .ter_t {
 position: absolute;
 display: block;
 background-color: white; 
 opacity: 0.75;
 width: 500px;
 height: 100px;
 padding: 10px;
 left: 1%;
 top: 1%;
}

.nul:hover .tooltip,
.ter:hover .tooltip,
.kmo:hover .tooltip {
  visibility: visible;
}

/* 
#playmodding, 
#km, 
#nl, 
#tr, #liminal_1, #liminal_2, #liminal_3, #liminal_4, #liminal_5, #ebb1, #ebb2, #tsk1, #tsk2, #tsk3, #tsk4, #p3016_1, #p3016_2, #vic_1, #vic_2, #off1, #off2, #off3, #off4, #off5, #off6, #playsef, #playrood, #rood_1, #rood_2, #rood_3, #rood_4, #rood_5, #kaunas_1, #kaunas_2, #impakt_1, #conf_1, #modd_1, #modd_2, #prox_1, #f00f_1 {
 display: none;
}
*/

img { 
  display: none; 
  box-shadow: 1px 0px 7px #bcade6;
}

.kmo:hover #km {
 display: block;
 position: fixed;
 right: 10%;
 bottom: 7%;
 z-index: 9;
}

.nul:hover #nl {
 display: block;
 position: fixed;
 right: 8%;
 bottom: 7%;
 z-index: 9;
}

.ter:hover #tr {
 display: block;
 position: fixed;
 right: 7%;
 bottom: 7%;
 z-index: 9;
}

.button {
 color: white;
 text-shadow: 0px 1.5px red;
 border: none;
 font-size: 20px;
 font-weight: bold;
 cursor: cell;
}


/* snd.trk */

.xargs {
 width: 22%;
 position: fixed;
 bottom: 2%;
 left: 2%;
 font-size: 12px;
}

.veo p {
 width: 75%;
 font-size: 12px;
}

.brd {
 border-right: 1pt solid black;
}

/* live.pom.rs */

.h1 {
 position: fixed;
}

.forh1 {
 height: 11%;
}

.po {
 position: fixed;
 top: 35%;
 left: 27%;
 width: 37%;
 height: 63%;
 padding-right: 5px;
 overflow-y: scroll;
 -ms-overflow-style: none;  /* IE and Edge */
 scrollbar-width: none;
}

.po::-webkit-scrollbar {
 display: none;
}

a {
 text-decoration: none;
 color: #1E221E;
 text-shadow: 1px 1px #2E3B0B;
}

a:hover {
 color: grey;
 cursor: ne-resize;
}

/* xe.st */

.xe {
 position: fixed;
 top: 2%;
 right: 1%;
 width: 34%;
 height: 97%;
 border-top:1pt solid #481D1D;;
 overflow-y: scroll;
 -ms-overflow-style: none;  /* IE and Edge */
 scrollbar-width: none;
}

.xe::-webkit-scrollbar {
 display: none;
}

.xe button {
 color: #8A0808;
 text-shadow: 1px 1px #2E3B0B;
 background-color: transparent;
}

.xe button:hover {
  color: white;
}

.xe a {
 color: #2E3B0B;
 text-shadow: 0px 1px black;
}

.xe a:hover {
 color: grey;
 cursor: ne-resize;
}

.xe img,
#call_t img {
 max-height: 90%;
 max-width: 50%;
}

.img {
 font-weight: bold;
 font-size: 13px;
 color: #4CAD59;
 text-shadow: 0px 1px green;
}

.img:hover, 
.txx_txt:hover {
 cursor: crosshair;
 color: white;
}

.blink {
  animation: blinker 4s linear infinite;
  background-image: linear-gradient(to right,  #08595F, #066B35);
  padding-bottom: 7px;
  padding-top: 7px;
  width:95%;
  text-align: left;
}

@keyframes blinker {
  50% {
    opacity: 0.7;
  }
}

/*  SOUND POP  */
 
.soundinit:hover .tooltip {
  visibility: visible;
}
 
 
/*  TXT POP  */
.killerpokehov:hover + .killerpoke_t,
.f00fhov:hover + .f00f_t,
.proxhov:hover + .prox_t,
.moddhov:hover + .modd_t,
.impakthov:hover + .impakt_t,
.confhov:hover + .conf_t,
.kaunashov:hover + .kaunas_t,
.roodhov:hover + .rood_t,
.sefhov:hover + .sef_t,
.sphov:hover + .sphere_t,
.limhov:hover + .lim_t,
.ebbhov:hover + .ebb_t,
.iwdhov:hover + .iwd_t,
.tskhov:hover + .tsk_t,
.p3hov:hover + .p3_t,
.vichov:hover + .vic_t,
.inthov:hover + .int_t,
.off:hover + .off_t,
.ccahov:hover + .cca_t {
  position: fixed;
  display: block;
  position: center;
  background-color: white;
  opacity: 0.75; 
  width: 600px;
  height: 550px;
  padding: 10px;
  right:40%;
  top:10%;
 }

 
/*  IMG  */
.killerpokeimg1:hover + #killerpoke_1,
.killerpokeimg2:hover + #killerpoke_2,
.killerpokeimg3:hover + #killerpoke_3,
.killerpokeimg4:hover + #killerpoke_4,
.killerpokeimg5:hover + #killerpoke_5,
.killerpokeimg6:hover + #killerpoke_6,
.killerpokeimg7:hover + #killerpoke_7,
.proximg1:hover + #prox_1,
.moddimg1:hover + #modd_1,
.moddimg2:hover + #modd_2,
.moddimg3:hover + #modd_3,
.moddimg4:hover + #modd_4,
.moddimg5:hover + #modd_5,
.f00fimg1:hover + #f00f_1,
.f00fimg2:hover + #f00f_2,
.f00fimg3:hover + #f00f_3,
.f00fimg4:hover + #f00f_4,
.f00fimg5:hover + #f00f_5,
.confimg1:hover + #conf_1,
.kaunasimg1:hover + #kaunas_1,
.kaunasimg2:hover + #kaunas_2,
.roodimg1:hover + #rood_1,
.roodimg2:hover + #rood_2,
.roodimg3:hover + #rood_3,
.roodimg4:hover + #rood_4,
.roodimg5:hover + #rood_5,
.limimg1:hover + #liminal_1,
.limimg2:hover + #liminal_2,
.limimg3:hover + #liminal_3,
.limimg4:hover + #liminal_4,
.limimg5:hover + #liminal_5,
.sphereimg1:hover + #sphere_1,
.sphereimg2:hover + #sphere_2,
.sphereimg3:hover + #sphere_3,
.ebb1:hover + #ebb1,
.ebb2:hover + #ebb2,
.tsk1:hover + #tsk1,
.tsk2:hover + #tsk2,
.tsk3:hover + #tsk3,
.tsk4:hover + #tsk4,
.p3016_1:hover + #p3016_1,
.p3016_2:hover + #p3016_2, 
.p3016_3:hover + #p3016_3,
.p3016_4:hover + #p3016_4, 
.p3016_5:hover + #p3016_5,
.vic_1:hover + #vic_1,
.vic_2:hover + #vic_2,
.off1:hover + #off1,
.off2:hover + #off2,
.off3:hover + #off3,
.off4:hover + #off4,
.off5:hover + #off5,
.off6:hover + #off6 {
 display: block;
 position: fixed;
 left: 3%;
 bottom: 7%;
 z-index: 9;
}

 
.impaktimg1:hover + #impakt_1 {
 display: block;
 position: fixed;
 left: 10%;
 bottom: 7%;
 z-index: 9;
}

/*  VIDEO  */

#playkillerpoke {
 position: fixed;
 display: none;
 height: 80%;
 right:10%;
 top:15%;
 background-color: black;
 z-index: 100;
}

#playrood {
 position: fixed;
 display: none;
 height: 80%;
 right:40%;
 top:10%;
 background-color: black;
 z-index: 100;
}

#playsef {
 position: fixed;
 display: none;
 width: 80%;
 right:10%;
 top:20%;
 background-color: black;
 z-index: 100;
}

#playmodding {
 position: fixed;
 display: none;
 width: 70%;
 right:10%;
 top:20%;
 background-color: black;
 z-index: 100;
}

.pr {
 position: fixed;
 top: 0%;
 left: 0%;
 color: #1F9421;
 font-weight: bold;
 font-size: 20px;
 z-index: -90;
}

.pr1 {
 position: fixed;
 top: -5%;
 left: 25%;
 color: #C18622;
 font-weight: bold;
 font-size: 25px;
 z-index: -91;
}

.pr2 {
 position: fixed;
 bottom: 0%;
 left: 25%;
 color: #C18622;
 font-weight: bold;
 font-size: 25px;
 z-index: -91;
}

.scrl {
 background-color: transparent;
 color: #AA4E15;
 text-shadow: 0px 1.5px #5F2908;
}

.scrl1 {
 position: fixed;
 bottom: 35%;
 left: 60%;
 font-size: 30px;
}

.scrl2 {
 position: fixed;
 top: 10%;
 right: 36%;
 font-size: 20px;
}

.radio {
 position: fixed;
 top: 8%;
 right: 38%;
}

.oppl {
 position: fixed;
 top: 10%;
 right: 48%;
}

.xpub {
 position: fixed;
 top: 8%;
 right: 54%;
}

.call {
 position: fixed;
 top: 11%;
 right: 62%;
}

.res {
 position: fixed;
 top: 53%;
 left: 4%;
}

.ontop button {
  position: relative;
  background-color: transparent;
  text-shadow: 0px 1.5px red;
  color: #08595F;
  border: none;
  font-weight: bold;
  font-size: 35px;
  cursor: cell;
  z-index: 1;
}

.ontop button:hover {
  color: white;
}

#radio_t {
  display: none;
  position: fixed;
  right:4%;
  top:30%;
  width:37%;
  height:65%;
  padding-left: 5px;
  color: red;
  background-image: url('eznimg/bc_radio.jpg');
  background-size: cover;
  z-index: 99;
}

#radio_t h1, #call_t h1 {
  color: black;
}

#radio_t a,
#xpub_t h2 a,
#xpub_t h1 a {
 color: red;
 text-shadow: 2px 2px #465008;
 padding: 3px;
}

#radio_t a:hover {
 color: white;
 cursor: ne-resize;
}

#radio_t h5 {
 color: #C6DF35;
 padding: 5px;
}

#arch a {
 color: white;
 text-shadow: 0px 1px black;
}

#arch a:hover, #call_t a:hover{
 color: grey;
 cursor: ne-resize;
}

#xpub_t {
display: none;
position: fixed;
right:27%;
top:35%;
width:50%;
height:60%;
padding-left: 5px;
color: red;
background-size: cover;
background-image: url('eznimg/xpub.jpg');
font-size: 12px;
font-weight: bold;
z-index: 99;
}

.txx_t {
 display: none;
}

.txx_txt:hover + .txx_t {
 position: fixed;
 display: block;
 background-color: white;
 opacity: 0.75; 
 width: 500px;
 height: 100px;
 padding: 10px;
 right: 1%;
 top: 1%;
 cursor: cell;
}

#xpub_t img {
  display: none;
}

.txximg_1 {
 padding-left: 20px;
}

.txximg_1:hover + #txx_1, 
.txximg_2:hover + #txx_2, 
.txximg_3:hover + #txx_3,
.txximg_4:hover + #txx_4 {
 display: block;
 position: fixed;
 right: 3%;
 bottom: 10%;
 z-index: 9;
}

.txx_txt:hover + .txx_t {
 position: fixed;
 display: block;
 color: black;
 background-color: white;
 opacity: 0.75; 
 width: 45%;
 height: 65%;
 padding: 10px;
 right: 1%;
 top: 17%;
}

#xpub_t h1 {
 color: whitesmoke;
}

#xpub_t h3 a {
 color: black;
}


#xxxx {
 color: black;
 padding-left: 25px;
}

#xpub_t h2 a {
 padding: 3px;
}

#xpub_t a:hover {
 color: white;
 cursor: ne-resize;
}

#xpub_t h5 {
 color: #C6DF35;
 padding: 5px;
}

#oppl_t {
  display: none;
  position: fixed;
  left:43%;
  top:27%;
  width:45%;
  height:65%;
  padding-left: 5px;
  color: white;
  z-index: 100;
}

#res_t {
  display: none;
  position: fixed;
  left:35%;
  top:25%;
  width:45%;
  height:65%;
  padding-left: 5px;
  color: white;
  z-index: 100;
}

.oppl_t .button,
.res_t .p,
.res_t a {
 color: white;
 text-shadow: 1px 2px black;
 border: none;
 font-size: 25px;
 font-weight: bold;
 cursor: cell;
}

.res_indent { padding-left: 7%;}

.res_indent a { font-size: 13px; }

.oppl_t h1,
.res_t h1 {
  color: black;
}

.oppl_t .tooltip {
  visibility: hidden;
  width: 15px;
  font-size: 15px;
  background-color: transparent;
  color: white;
  text-shadow: 0px 1.5px black;
  position: relative;
  bottom: 4px;
  z-index: 9;
}

.ill:hover .tooltip, 
.ds:hover .tooltip, 
.beatnik:hover .tooltip, 
.noods:hover .tooltip, 
.rlr:hover .tooltip, 
.daira:hover .tooltip {
  visibility: visible;
}

#call_t {
  display: none;
  position: fixed;
  color: white;
  left:1%;
  top: 25%;
  width:35%;
  height:70%;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  font-weight:bold;
  background: black;
  background-image: radial-gradient(blue 2px, transparent 0);
  background-size: 4px 4px;
  background-position: -10px -10px;
  z-index: 99;
}

#call_t h3 a {
 color: #C6DF35;
}

#call_t h4 {
 text-shadow: 0px 1.5px #758421;
}

#c1 {
 color: black;
}

.call_terminal:hover + #terminal_img,
.call_none0:hover + #none0_img,
.call_f00f:hover + #f00f_img {
 display: block;
 position: fixed;
 right: 3%;
 top: 7%;
 z-index: 9;
}