style.css

@import url(https://fonts.googleapis.com/css?family=VT323);

@keyframes scroll {
    0% { height: 0 }
    100% { height: 100%; }
}

@keyframes type { 
  from { width: 0; } 
} 

@keyframes type2 {
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 

@keyframes blink {
  to{opacity: .0;}
}

@keyframes scan {
    from { top: 0 }
    to { top: 100% }
}

@keyframes flicker {
        0% { opacity: 0.15795 }
        5% { opacity: 0.31511 }
        10% { opacity: 0.94554 }
        15% { opacity: 0.2469 }
        20% { opacity: 0.62031 }
        25% { opacity: 0.0293 }
        30% { opacity: 0.00899 }
        35% { opacity: 0.5344 }
        40% { opacity: 0.12778 }
        45% { opacity: 0.52042 }
        50% { opacity: 0.3823 }
        55% { opacity: 0.2198 }
        60% { opacity: 0.9383 }
        65% { opacity: 0.86615 }
        70% { opacity: 0.68695 }
        75% { opacity: 0.55749 }
        80% { opacity: 0.96984 }
        85% { opacity: 0.0361 }
        90% { opacity: 0.24467 }
        95% { opacity: 0.08351 }
        100% { opacity: 0.54813 }
    }

* {
    box-sizing: border-box;
}
    
html,
body {
    background: #383838;
    color: #817ffa;
    font-size: 64.5%;
    font-size: 1.4em;
    font-family: 'VT323', Courier;
    height: 100%;
    margin: 0;
    padding: 0;
}

h1, h2, h3 h4, h5, h6 { 
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
}

a {
    color: white;   
    text-decoration: none;  
}

a:hover {
    color: red;
}

p { 
    line-height: 100%;
    margin: 0; 
}
    
span { animation: blink 1s infinite }

ul {
    list-style: none;
}

ul a:before,
p a:before {
    color: #817ffa;
    content: ' [ ';
}

ul a:after,
p a:after {
    color: #817ffa;
    content: ' ] '; 
}

header.site {
    margin: 0 0 40px 0;
    text-transform: uppercase;
}

nav.site { 
    margin: 0 0 40px 0;
  width: 100%;
}

nav.site ul {
    padding: 0;
}

nav.site ul li {
    display: inline-block;
  padding: 0 10px;
  min-width: 250px;
  width: auto;
}

.overlay {
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
}

.overlay:before {
    background: linear-gradient(#101010 50%, rgba(16, 16, 16, 0.2) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.03));
    background-size: 100% 3px, 6px 100%;
    content: "";
    display: block;
    pointer-events: none;
    position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    z-index: 2;
}
    
.overlay:after {
    animation: flicker 0.30s infinite;
    background: rgba(16, 16, 16, 0.2);
    content: "";
    display: block;
    pointer-events: none;
    position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    z-index: 2;
}

.col {
    float: left;
    padding: 0 20px;
}

.col.two { width: auto; }

.wrapper {
  animation: scroll 5s 1;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.content { 
    animation: scroll 3s 1;
    padding: 40px; 
    position: relative;
    width: 95%;
}

#logo-v {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 200px;
}

img.pip-hero {
    display: block;
    float: left;
    height: auto;
    margin: 5px 10px 5px 0;
    width: 120px;
}

label {
    clear: left;
    display: block;
    float: left;
    margin-right: 10px;
    padding-top: 5px;
}

input[type=text],
textarea {
    background: transparent;
    border: none;
    color: #00dd00;
    display: block;
    float: left;
    font-family: 'VT323', Courier;
    font-size: 1.2em;
    position: relative;
    width: 80%;
    z-index: 10
}

textarea {
    margin-bottom: 20px;
    overflow: auto;
    resize: none;
}

input[type=text]:focus,
textarea:focus,
input[type=submit]:focus,
a.button:focus {
    outline: 0;
}

input[type=submit],
a.button {
    background: transparent;
    border: 1px solid #00dd00;
    clear: both;
    color: #00dd00;
    cursor: hand;
    display: inline-block;
    font-family: 'VT323', Courier;
    font-size: 1em;
    margin-bottom: 20px;
    opacity: 0.25;
    padding: 10px 100px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 10;
}

input[type=submit]:hover,
a.button:hover {
    background: #00dd00;
    color: #383838;
    opacity: 0.8;
}

.expandingArea { position: relative }
    
.scanline {
    animation: scroll 10s 5s infinite;
    background: -moz-linear-gradient(top,  rgba(0,221,0,0) 0%, rgba(0,221,0,1) 50%, rgba(0,221,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,221,0,0) 0%,rgba(0,221,0,1) 50%,rgba(0,221,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,221,0,0) 0%,rgba(0,221,0,1) 50%,rgba(0,221,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000dd00', endColorstr='#0000dd00',GradientType=0 );
    display: block;
    height: 20px;
    opacity: 0.05;
    position: absolute;
        left: 0;
        right: 0;
        top: -5%;
    z-index: 0;
}

.clear {
    clear: both;
}

.clearfix {
  overflow: auto;
  zoom: 1;
}

.upper { text-transform: uppercase; }