/*Other Error Pages */
.loadertext {
  color: #ffffff;
  height: 1em;
  text-align: center;
}

.load {
  overflow: hidden;
  background: #000;
  width: 12.5%;
  border-radius: 30px;
  margin-right: auto;
  margin-left: auto;
}

.loadercontainer {
  overflow: hidden;
  background: #003399;
  background: radial-gradient(#003399, #000);
  padding-left: 50%;
  padding-right: 50%;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.c {
  width: 100%;
  height: 10px;
  position: relative;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  box-shadow: 0 0 5px rgba(10, 10, 10, 0.5);
  -webkit-animation: move 1000ms infinite;
}

.dot-1 {
  background-color: #FF8C00;
  -webkit-animation-delay: 0s;
}

.dot-2 {
  background-color: #ff0000;
  -webkit-animation-delay: -0.2s;
}

.dot-3 {
  background-color: #61CE3C;
  -webkit-animation-delay: -0.4s;
}

.dot-4 {
  background-color: #a494e5;
  -webkit-animation-delay: -0.6s;
}

.dot-5 {
  background-color: #ffffff;
  -webkit-animation-delay: -0.8s;
}

@-webkit-keyframes move {
  0% {
    left: -20px;
  }
  50% {
    left: 20px;
  }
  100% {
    left: -20px;
  }
}

/*BBC MICRO 404 */

.beeb {
  /*background-color: #000000;*/
  background: radial-gradient(#3B3B3B, #131313);
  color: #00ff00;
  height: 100%;
  width: 100%;
  margin: 0;
  z-index: 10;
  position: fixed;
}

.beeb a, .beeb a:hover, .beeb a:active, .beeb a:visited, .beeb a:link {
	color: #FFFFFF;
}

.beebin {
  margin-left: 10%;
  min-height: 100%;
  font-family: 'Source Code Pro', monospace;"
}

.blinking-cursor {
  color: #00ff00;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}

@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #00ff00;
  }
}

@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: #00ff00;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #00ff00;
  }
}

@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #00ff00;
  }
}

@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #00ff00;
  }
}

/*glitch http://codepen.io/lbebber/pen/ypgql */

/*@keyframes noise-anim {
  0% {
    clip: rect(90px, 9999px, 17px, 0);
  }
  5% {
    clip: rect(20px, 9999px, 9px, 0);
  }
  10% {
    clip: rect(9px, 9999px, 61px, 0);
  }
  15% {
    clip: rect(1px, 9999px, 39px, 0);
  }
  20% {
    clip: rect(84px, 9999px, 82px, 0);
  }
  25% {
    clip: rect(98px, 9999px, 19px, 0);
  }
  30% {
    clip: rect(2px, 9999px, 34px, 0);
  }
  35% {
    clip: rect(53px, 9999px, 19px, 0);
  }
  40% {
    clip: rect(82px, 9999px, 41px, 0);
  }
  45% {
    clip: rect(53px, 9999px, 83px, 0);
  }
  50% {
    clip: rect(36px, 9999px, 56px, 0);
  }
  55% {
    clip: rect(52px, 9999px, 5px, 0);
  }
  60% {
    clip: rect(25px, 9999px, 98px, 0);
  }
  65% {
    clip: rect(76px, 9999px, 85px, 0);
  }
  70% {
    clip: rect(39px, 9999px, 10px, 0);
  }
  75% {
    clip: rect(59px, 9999px, 90px, 0);
  }
  80% {
    clip: rect(66px, 9999px, 55px, 0);
  }
  85% {
    clip: rect(74px, 9999px, 25px, 0);
  }
  90% {
    clip: rect(100px, 9999px, 54px, 0);
  }
  95% {
    clip: rect(73px, 9999px, 41px, 0);
  }
  100% {
    clip: rect(63px, 9999px, 2px, 0);
  }
}
.glitch:after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 red;
  top: 0;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim 2s infinite linear alternate-reverse;
}

@keyframes noise-anim-2 {
  0% {
    clip: rect(97px, 9999px, 21px, 0);
  }
  5% {
    clip: rect(50px, 9999px, 25px, 0);
  }
  10% {
    clip: rect(69px, 9999px, 92px, 0);
  }
  15% {
    clip: rect(32px, 9999px, 93px, 0);
  }
  20% {
    clip: rect(10px, 9999px, 23px, 0);
  }
  25% {
    clip: rect(75px, 9999px, 24px, 0);
  }
  30% {
    clip: rect(8px, 9999px, 49px, 0);
  }
  35% {
    clip: rect(3px, 9999px, 16px, 0);
  }
  40% {
    clip: rect(83px, 9999px, 85px, 0);
  }
  45% {
    clip: rect(2px, 9999px, 48px, 0);
  }
  50% {
    clip: rect(21px, 9999px, 40px, 0);
  }
  55% {
    clip: rect(62px, 9999px, 81px, 0);
  }
  60% {
    clip: rect(55px, 9999px, 19px, 0);
  }
  65% {
    clip: rect(21px, 9999px, 86px, 0);
  }
  70% {
    clip: rect(34px, 9999px, 37px, 0);
  }
  75% {
    clip: rect(62px, 9999px, 84px, 0);
  }
  80% {
    clip: rect(34px, 9999px, 57px, 0);
  }
  85% {
    clip: rect(58px, 9999px, 82px, 0);
  }
  90% {
    clip: rect(27px, 9999px, 16px, 0);
  }
  95% {
    clip: rect(34px, 9999px, 50px, 0);
  }
  100% {
    clip: rect(4px, 9999px, 30px, 0);
  }
}
.glitch:before {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 1px 0 blue;
  top: 0;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim-2 3s infinite linear alternate-reverse;
}*/

/* Glitch effect https://codepen.io/sandrina-p/pen/RRWaYO */
.glitch2 {
  animation: glitch2 2s steps(100) infinite;
}

@keyframes glitch2 {
  0% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
  1% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
  2% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
  3% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
  4% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
  5% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  6% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  7% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  8% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  9% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  10% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  11% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
  12% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
  13% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
  14% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
  15% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
  16% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
  17% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
  18% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
  19% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
  20% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
  21% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
  22% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
  23% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
  24% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
  25% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
  26% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
  27% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
  28% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
  29% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
  30% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
  31% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
  32% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
  33% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
  34% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
  35% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
  36% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
  37% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
  38% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
  39% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
  40% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
  41% {text-shadow: 50px 0 0 blue, -50px 0 0 lime;}
  42% {text-shadow: 0 0 0 blue, 0 0 0 lime;}
  43% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
  44% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
  45% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
  46% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
  47% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
  48% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
  49% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
  50% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
  51% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
  52% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
  53% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
  54% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
  55% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
  56% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  57% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  58% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  59% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  60% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  61% {text-shadow: 30px 0 0 red, -30px 0 0 lime;}
  62% {text-shadow: 0 0 0 red, 0 0 0 lime;}
  63% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;}
  64% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;}
  65% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;}
  66% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;}
  67% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  68% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  69% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  70% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  71% {text-shadow: 70px 0 0 red, -70px 0 0 blue;}
  72% {text-shadow: 0 0 0 red, 0 0 0 blue;}
  73% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
  74% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
  75% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
  76% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
  77% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  78% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  79% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  80% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
  81% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
  82% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
  83% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
  84% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
  85% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
  86% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
  87% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
  88% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
  89% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
  90% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
  91% {text-shadow: 60px 0 0 lime, -60px 0 0 blue;}
  92% {text-shadow: 0 0 0 lime, 0 0 0 blue;}
  92% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
  93% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
  94% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
  95% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
  96% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
  97% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
  98% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
  99% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
  100% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
}