@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
    src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(SourceCodePro-VariableFont_wght.ttf) format('woff');
}

body {
    font-family: Source Code Pro;
    background:#000;
    color: #00FF00;
    margin:0;
    font-size: 13px;
}
canvas {
    position:absolute;
    top:0;
    left:0;
}
.bg-bar{
//    left:66.6%;
    left:0%;
    width: 100%;
}

.ov-console {
    position:fixed;
    top:0px !important;
    overflow:hidden;
}

.bg-3d {
//display:none;
	width: 100%;
	height: 100%;
}
p{margin:0}


html { background: #111;
       padding: 1em;
//       font-family: Nintendoid1;
       color: #eee;
       font-size: 1em;
       line-height: 1;
       text-shadow: 0.06rem 0 0.06rem #ea36af, -0.125rem 0 0.06rem #75fa69;
//       letter-spacing: 0.125em;
       animation-duration: 0.05s;
       animation-name: textflicker;
       animation-iteration-count: infinite;
       animation-direction: alternate;
}
h1 { font-size: 5em; }

@keyframes textflicker {
  from {
    text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69;
  }
  to {
    text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
  }
}


body {
   animation: tikatika 1s step-end infinite;
}
@keyframes tikatika {
  0% { opacity: 1; }
  20% { opacity: .2; }
  25% { opacity: 1; }
  53% { opacity: 0.2; }
  55% { opacity: 1; }
  93% { opacity: 0.3; }
  99% { opacity: 1; }
}

canvas {
   animation: flash 0.5s step-end infinite;
}
@keyframes flash {
  0% { opacity: 1; }
  20% { opacity: .2; }
  25% { opacity: 1; }
  53% { opacity: 0.2; }
  55% { opacity: 1;  }
  93% { opacity: 0.3; background: #fff; }
  99% { opacity: 1; background: #fff; }
}
