body {
                background-color: #000
        }
 #console {
                font-family: courier, monospace;
                color: #fff;
                width:780px;
                margin-left:auto;
                margin-right:auto;
                font-size:14px;
		margin-top:10px;
        }
a {
                color: #0bc;
                text-decoration: none;
        }
a:hover {
                text-decoration: underline;
	} 
#a {
                color: #0f0;
        }
#c {
                color: #0bc;
        }
#b {
                color: #ff0096;
        }
#d {
                color: #ffff54;
        }
#e {
                color: #ff5454;
        }
#f {
                color: #5454ff;
}
#i {
		color: #fff;
	}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li {
  float: left;
  border-right:1px solid #bbb;
}

li:last-child {
  border-right: none;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: #111;
}

.active {
  background-color: #4CAF50;
}


.glitch{
        color:white;
        font-size:100px;
        position:relative;
        width:400px;
        margin:0 auto;
      }
      @keyframes noise-anim{
        $steps:20;
        @for $i from 0 through $steps{
          #{percentage($i*(1/$steps))}{
            clip:rect(random(100)+px,9999px,random(100)+px,0);
          }
        }
      }
      .glitch:after{
        content:attr(data-text);
        position:absolute;
        left:2px;
        text-shadow:-1px 0 red;
        top:0;
        color:white;
        background:black;
        overflow:hidden;
        clip:rect(0,900px,0,0); 
        animation:noise-anim 2s infinite linear alternate-reverse;
      }
      
      @keyframes noise-anim-2{
        $steps:20;
        @for $i from 0 through $steps{
          #{percentage($i*(1/$steps))}{
            clip:rect(random(100)+px,9999px,random(100)+px,0);
          }
        }
      }
      .glitch:before{
        content:attr(data-text);
        position:absolute;
        left:-2px;
        text-shadow:1px 0 blue; 
        top:0;
        color:white;
        background:black;
        overflow:hidden;
        clip:rect(0,900px,0,0); 
        animation:noise-anim-2 3s infinite linear alternate-reverse;
      }