@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <title>kaneda.net</title>
   </head>
-  <body>
+  <body class="scanlines">
     <div id="app"></div>
     <!-- built files will be auto injected -->
   </body>
 
@@ -1,5 +1,5 @@
 <template>
-  <div id="app" class="scanlines">
+  <div id="app">
     <router-view/>
   </div>
 </template>
@@ -14,62 +14,24 @@ export default {
 @import "src/assets/scss/scanlines.scss"
 </style>
 
+<style lang="scss">
+@import "src/assets/scss/console.scss"
+</style>
+
 <style lang="css">
 @import url('https://fonts.googleapis.com/css?family=Source+Code+Pro');
 html {
   height: 100%;
 }
 
 body {
-  background: black;
+  background: #333;
   color: lightblue !important;
   font-family: "Source Code Pro", Hack, Monaco, "Lucida Console", monospace;
   font-size: 10pt;
   text-shadow: 0 0 10px lightblue;
   margin: 0;
+  padding: 0;
   min-height: 100%;
 }
-
-#app {
-  // display: flex;
-}
-
-#cursor {
-  font-weight: normal;
-  background-color: lightblue;
-  -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;
-  padding: 0 0.25rem;
-}
-
-@keyframes blink {
-  from, to {
-    visibility: hidden;
-  }
-  50% {
-    visibility: visible;
-  }
-}
-
-#console {
-  margin: 0.5rem;
-}
-
-.prompt {
-  margin-right: 0.5rem;
-}
-
-.vue-typer .custom.char {
-  color: lightblue;
-  background-color: transparent;
-}
-
-.vue-typer .custom.caret {
-  background-color: lightblue;
-  margin-left: 0.25rem;
-  width: 0.5rem;
-}
 </style>
@@ -5,7 +5,7 @@ $scan-width: 2px;
 $scan-crt: true;
 
 // frames-per-second (should be > 1), only applies if $scan-crt: true;
-$scan-fps: 60;
+$scan-fps: 15;
 
 // scanline-color (rgba)
 $scan-color: rgba(black, .3);
@@ -17,7 +17,7 @@ $scan-z-index: 2147483648;
 /* MOVING SCANLINE SETTINGS */
 
 // moving scanline (true, false)
-$scan-moving-line: true;
+$scan-moving-line: false;
 
 // opacity of the moving scanline
 $scan-opacity: .75;
@@ -40,11 +40,9 @@ $scan-opacity: .75;
     @else { animation: none; }
 }
 
-/* CSS .scanlines CLASS */
-
 .scanlines {
     position: relative;
-    overflow: hidden; // only to animate the unique scanline
+    // overflow: hidden; // only to animate the unique scanline
 
     &:before,
     &:after {