diff --git a/src/core/domain/setCameraView.js b/src/core/domain/setCameraView.js
index fe3952d..f805d48 100644
--- a/src/core/domain/setCameraView.js
+++ b/src/core/domain/setCameraView.js
@@ -23,12 +23,12 @@ function SetCameraView(Game, Memory, SetPosition) {
     viewMatrixBuffer.writeFloatLE(viewMatrix[2][0], 0x18);
     viewMatrixBuffer.writeFloatLE(viewMatrix[2][1], 0x1C);
     viewMatrixBuffer.writeFloatLE(viewMatrix[2][2], 0x20);
+    Memory.writeData(Pointer + 0x14, viewMatrixBuffer, viewMatrixBuffer.byteLength);
     if (Game.client === 'vanilla' || Game.client === 'alpha') {
       SetPosition(Pointer, x, y, z);
     } else {
       SetPosition(CameraValuesPointer, x, y, z);
     }
-    Memory.writeData(Pointer + 0x14, viewMatrixBuffer, viewMatrixBuffer.byteLength);
   }
 }
 
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 749a820..fe32891 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -25,461 +25,7 @@
 </style>
 
 <style lang="scss">
-
-html, body {
-  background-color: #1a1a1a;
-  color: #ffffff;
-  overflow:hidden;
-}
-
-.container-top {
-  padding-top: 10px;
-}
-
-.table {
-  background-color: #363636;
-}
-
-.table thead td, .table thead th {
-    color: #d6d6d6;
-}
-
-.table th {
-  color: #d6d6d6;
-}
-
-.table tr:hover {
-    background-color: transparent;
-}
-
-.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content p, .title, .subtitle {
-    color: #e8e8e8;
-}
-
-.title {
-  color: #e8e8e8 !important;
-}
-.brand {
-  user-select: none;
-}
-
-.nav-toggle:hover {
-  background-color: #383737;
-}
-.nav-toggle span {
-  background-color: #ababab;
-}
-.nav-toggle.is-active span {
-  background-color: #ababab;
-}
-.nav {
-  background-color: #363636;
-}
-
-.navbar-item, .navbar-link {
-  color: #f5f5f5;
-}
-.navbar-link::after {
-  border-color: #f5fe6f;
-}
-
-.navbar-item:hover, .navbar-item.is-active, .navbar-link:hover, .navbar-link.is-active {
-  background-color: transparent;
-  color: #f5f5f5;
-}
-
-.navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
-  background-color: transparent !important;
-}
-
-.navbar-dropdown a.navbar-item:hover {
-  background-color: #1a1a1a;
-  color: #f5f5f5;
-}
-
-.navbar-dropdown:hover {
-  background-color: #1a1a1a;
-}
-.navbar-dropdown {
-  background-color: #363636;
-  border-top: 1px solid #e0e869;
-}
-
-.label{
-  color: hsl(0, 0%, 96%);
-}
-
-.navbar {
-  background-color: #363636;
-}
-
-.input {
-  background-color: hsl(0, 0%, 21%);
-  color:white;
-}
-
-.nav-item a:not(.button).is-tab.is-active, a.nav-item:not(.button).is-tab.is-active {
-    border-bottom: 1px solid #f5fe6f;
-    color: #f5fe6f;
-}
-.nav-item a:not(.button).is-tab, a.nav-item:not(.button).is-tab {
-    color: #fff;
-}
-.nav-item a:not(.button).is-tab:hover, a.nav-item:not(.button).is-tab:hover {
-    border-bottom-color: #f5fe6f;
-    color: #fff;
-}
-
-#nav-toggle-state {
-  display: none;
-}
-
-#nav-toggle-state:checked ~ .nav-menu {
-  display: block;
-}
-
-.input, .textarea {
-  height: 1.8em;
-}
-
-.wrapper {
-  padding-top: 10px;
-}
-
-.render .field:not(:last-child) {
-    margin-bottom: 0.4rem;
-}
-
-.tabs a {
-  color: #eee;
-}
-
-a {
-  color: #eee;
-}
-
-a:hover {
-  color: #ccc;
-}
-
-.tabs.is-boxed a:hover {
-  background-color: #363636;
-  border-bottom-color: #dbdbdb;
-}
-
-.tabs a:hover {
-    border-bottom-color: #363636;
-    color: #ffffff;
-}
-
-.box {
-  background-color: #233239;
-}
-
-.tile.is-ancestor {
-  padding: 0 10px;
-}
-
-.input, .input:hover, .input.is-hovered, .textarea:hover, .textarea.is-hovered,
-.input:hover, .input.is-hovered, .textarea:hover, .textarea.is-hovered,
-.input:focus, .input.is-focused, .input:active, .input.is-active, .textarea:focus,
-.textarea.is-focused, .textarea:active, .textarea.is-active {
-  border-color: transparent;
-}
-
-input[type=range] {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  border-color: transparent;
-}
-
-input[type=range]:hover {
-  border-color: transparent;
-}
-
-input[type=range]::-webkit-slider-runnable-track {
-  -webkit-appearance: none;
-  background: rgba(59,173,227,1);
-  background: -moz-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(59,173,227,1)), color-stop(25%, rgba(87,111,230,1)), color-stop(51%, rgba(152,68,183,1)), color-stop(100%, rgba(255,53,127,1)));
-  background: -webkit-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  background: -o-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  background: -ms-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  background: linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bade3 ', endColorstr='#ff357f ', GradientType=1 );
-  height: 2px;
-}
-
-input[type=range]:focus {
-  outline: none;
-}
-
-input[type=range]::-moz-range-track {
-  -moz-appearance: none;
-  background: rgba(59,173,227,1);
-  background: -moz-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(59,173,227,1)), color-stop(25%, rgba(87,111,230,1)), color-stop(51%, rgba(152,68,183,1)), color-stop(100%, rgba(255,53,127,1)));
-  background: -webkit-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  background: -o-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  background: -ms-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  background: linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bade3 ', endColorstr='#ff357f ', GradientType=1 );
-  height: 2px;
-}
-
-input[type=range]::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  border: 2px solid;
-  border-radius: 50%;
-  height: 25px;
-  width: 25px;
-  max-width: 80px;
-  position: relative;
-  bottom: 11px;
-  background-color: #1d1c25;
-  cursor: -webkit-grab;
-
-  -webkit-transition: border 1000ms ease;
-  transition: border 1000ms ease;
-}
-
-input[type=range]::-moz-range-thumb {
-  -moz-appearance: none;
-  border: 2px solid;
-  border-radius: 50%;
-  height: 25px;
-  width: 25px;
-  max-width: 80px;
-  position: relative;
-  bottom: 11px;
-  background-color: #1d1c25;
-  cursor: -moz-grab;
-  -moz-transition: border 1000ms ease;
-  transition: border 1000ms ease;
-}
-
-.range.blue::-webkit-slider-thumb {
-   border-color: rgb(59,173,227);
-}
-
-.range.ltpurple::-webkit-slider-thumb {
-   border-color: rgb(87,111,230);
-}
-
-.range.purple::-webkit-slider-thumb {
-   border-color: rgb(152,68,183);
-}
-
-.range.pink::-webkit-slider-thumb {
-   border-color: rgb(255,53,127);
-}
-
-.range.blue::-moz-range-thumb {
-   border-color: rgb(59,173,227);
-}
-
-.range.ltpurple::-moz-range-thumb {
-   border-color: rgb(87,111,230);
-}
-
-.range.purple::-moz-range-thumb {
-   border-color: rgb(152,68,183);
-}
-
-.range.pink::-moz-range-thumb {
-   border-color: rgb(255,53,127);
-}
-
-input[type=range]::-webkit-slider-thumb:active {
-  cursor: -webkit-grabbing;
-}
-
-input[type=range]::-moz-range-thumb:active {
-  cursor: -moz-grabbing;
-}
-
-input[type="checkbox"] {
-    display:none;
-}
-
-input[type="checkbox"] + label {
-    color:#f2f2f2;
-    cursor: pointer;
-}
-
-input[type="checkbox"] + label span {
-    display:inline-block;
-    width:19px;
-    height:19px;
-    margin:-2px 10px 0 0;
-    vertical-align:middle;
-    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) left top no-repeat;
-    cursor:pointer;
-}
-
-input[type="checkbox"]:checked + label span {
-    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -19px top no-repeat;
-}
-
-.field label {
-  cursor: pointer;
-}
-
-@media screen and (max-width: 769px) {
-  .wrapper {
-    padding: 5px
-  }
-}
-@media screen and (min-width: 769px) {
-  .wrapper {
-    padding: 5px
-  }
-}
-@media screen and (max-width: 768px) {
-  .nav-menu.nav-right {
-    background-color: #1a1a1a;
-    box-shadow: 0 4px 7px rgba(255, 255, 255, 0.1);
-  }
-  .nav-menu.nav-right .nav-item {
-      border-top: transparent;
-      padding: 0.75rem;
-  }
-}
-
-@media screen and (max-width: 1023px) {
-  .navbar-menu {
-    background-color: #363636;
-  }
-  #navPortraitMenu > div.navbar-end {
-    display: none !important;
-  }
-}
-
-.hide {
-  display: none;
-}
-
-.modal-background.loading {
-  background-image: url(assets/resources/images/cover.png);
-  background-size: cover;
-  background-position: center -150px;
-}
-
-.modal-content.loading-text{
-  color: #e0e0e0;
-  text-shadow: 2px 2px 8px rgb(133, 154, 255);
-  font-size: 2em;
-}
-</style>
-
-<style lang="scss">
-.tooltip {
-  display: block !important;
-  z-index: 10000;
-
-  .tooltip-inner {
-    background: black;
-    color: white;
-    border-radius: 16px;
-    padding: 5px 10px 4px;
-  }
-
-  .tooltip-arrow {
-    width: 0;
-    height: 0;
-    border-style: solid;
-    position: absolute;
-    margin: 5px;
-    border-color: black;
-    z-index: 1;
-  }
-
-  &[x-placement^="top"] {
-    margin-bottom: 5px;
-
-    .tooltip-arrow {
-      border-width: 5px 5px 0 5px;
-      border-left-color: transparent !important;
-      border-right-color: transparent !important;
-      border-bottom-color: transparent !important;
-      bottom: -5px;
-      left: calc(50% - 5px);
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-  }
-
-  &[x-placement^="bottom"] {
-    margin-top: 5px;
-
-    .tooltip-arrow {
-      border-width: 0 5px 5px 5px;
-      border-left-color: transparent !important;
-      border-right-color: transparent !important;
-      border-top-color: transparent !important;
-      top: -5px;
-      left: calc(50% - 5px);
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-  }
-
-  &[x-placement^="right"] {
-    margin-left: 5px;
-
-    .tooltip-arrow {
-      border-width: 5px 5px 5px 0;
-      border-left-color: transparent !important;
-      border-top-color: transparent !important;
-      border-bottom-color: transparent !important;
-      left: -5px;
-      top: calc(50% - 5px);
-      margin-left: 0;
-      margin-right: 0;
-    }
-  }
-
-  &[x-placement^="left"] {
-    margin-right: 5px;
-
-    .tooltip-arrow {
-      border-width: 5px 0 5px 5px;
-      border-top-color: transparent !important;
-      border-right-color: transparent !important;
-      border-bottom-color: transparent !important;
-      right: -5px;
-      top: calc(50% - 5px);
-      margin-left: 0;
-      margin-right: 0;
-    }
-  }
-
-  &.popover {
-    $color: #f9f9f9;
-
-    .popover-inner {
-      background: $color;
-      color: black;
-      padding: 24px;
-      border-radius: 5px;
-      box-shadow: 0 5px 30px rgba(black, .1);
-    }
-
-    .popover-arrow {
-      border-color: $color;
-    }
-  }
-
-  &[aria-hidden='true'] {
-    visibility: hidden;
-    opacity: 0;
-    transition: opacity .15s, visibility .15s;
-  }
-
-  &[aria-hidden='false'] {
-    visibility: visible;
-    opacity: 1;
-    transition: opacity .15s;
-  }
-}
+ html {
+   overflow: auto;
+ }
 </style>
\ No newline at end of file
diff --git a/src/renderer/components/home.vue b/src/renderer/components/home.vue
index faa5119..2a22f07 100644
--- a/src/renderer/components/home.vue
+++ b/src/renderer/components/home.vue
@@ -23,99 +23,4 @@
 </script>
 
 <style>
-  @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
-
-  * {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-  }
-
-  .navbar.is-dark .navbar-brand > a.navbar-item:hover {
-    background-color: inherit;
-  }
-
-  .navbar.is-dark .navbar-brand > a.navbar-item {
-    cursor: pointer;
-  }
-
-  #wrapper {
-    background:
-      radial-gradient(
-        ellipse at top left,
-        rgba(255, 255, 255, 1) 40%,
-        rgba(229, 229, 229, .9) 100%
-      );
-    height: 100vh;
-    padding: 60px 80px;
-    width: 100vw;
-  }
-
-  #logo {
-    height: auto;
-    margin-bottom: 20px;
-    width: 420px;
-  }
-
-  main {
-    display: flex;
-    justify-content: space-between;
-  }
-
-  main > div { flex-basis: 50%; }
-
-  .spectateMenu li a {
-     border-bottom: 0px !important;
-  }
-
-  .left-side {
-    display: flex;
-    flex-direction: column;
-  }
-
-  .welcome {
-    color: #555;
-    font-size: 23px;
-    margin-bottom: 10px;
-  }
-
-  .title {
-    color: #2c3e50;
-    font-size: 20px;
-    font-weight: bold;
-    margin-bottom: 6px;
-  }
-
-  .title.alt {
-    font-size: 18px;
-    margin-bottom: 10px;
-  }
-
-  .doc p {
-    color: black;
-    margin-bottom: 10px;
-  }
-
-  .doc button {
-    font-size: .8em;
-    cursor: pointer;
-    outline: none;
-    padding: 0.75em 2em;
-    border-radius: 2em;
-    display: inline-block;
-    color: #fff;
-    background-color: #4fc08d;
-    transition: all 0.15s ease;
-    box-sizing: border-box;
-    border: 1px solid #4fc08d;
-  }
-
-  .table td, .table th {
-    color: #fff;
-  }
-
-  .doc button.alt {
-    color: #42b983;
-    background-color: transparent;
-  }
 </style>
diff --git a/src/renderer/components/keyboard.vue b/src/renderer/components/keyboard.vue
index 7b5fc4c..5cf8ee1 100644
--- a/src/renderer/components/keyboard.vue
+++ b/src/renderer/components/keyboard.vue
@@ -37,7 +37,9 @@
       viewMatrix21: firstStep.viewMatrix[2][1],
       viewMatrix22: firstStep.viewMatrix[2][2],
     };
-
+    
+    Camera.SetCameraView(cinematicValues);
+    
     const keyframes = cinematicSteps.map((step) => {
       return {
         x: step.position.x,
@@ -95,11 +97,8 @@
     },
     mounted() {
       const store = this.$store;
-      function step(timestamp) {
-        if (robot.Window.getActive().getTitle() !== 'World of Warcraft') {
-          window.requestAnimationFrame(step);
-          return;
-        }
+      setInterval(() => {
+        if (robot.Window.getActive().getTitle() !== 'World of Warcraft') return;
         if (pressingKey(robot.KEY_F3)) {
           if (tween) stopCinematic(store);
           store.dispatch('toggleSpectate');
@@ -113,9 +112,7 @@
           }
         }
         if (pressingKey(robot.KEY_F6)) store.dispatch('cleanWaypoints');
-        window.requestAnimationFrame(step);
-      }
-      window.requestAnimationFrame(step);
+      }, 90);
     },
     computed: {
       mode() { return this.$store.state.camera.mode; }
diff --git a/src/renderer/components/navbar.vue b/src/renderer/components/navbar.vue
index 4572d65..621db3d 100644
--- a/src/renderer/components/navbar.vue
+++ b/src/renderer/components/navbar.vue
@@ -1,5 +1,5 @@
 <template>
-  <nav class="navbar is-dark" role="navigation" aria-label="main navigation">
+  <nav class="navbar" role="navigation" aria-label="main navigation">
     <div class="navbar-brand">
         <a class="navbar-item" style="-webkit-app-region: drag;font-size: 1.2rem;">
             {{ brand }}
@@ -126,9 +126,4 @@ document.addEventListener('DOMContentLoaded', () => {
     display:flex;
     align-items:center;
   }
-
-  #navPortraitMenu > div.navbar-end > a:nth-child(1):hover {
-    background: transparent;
-    cursor: initial;
-  }
 </style>
diff --git a/src/renderer/components/sections/cinematicBuilder.vue b/src/renderer/components/sections/cinematicBuilder.vue
index ae7e681..0a37dfe 100644
--- a/src/renderer/components/sections/cinematicBuilder.vue
+++ b/src/renderer/components/sections/cinematicBuilder.vue
@@ -135,28 +135,5 @@
 </script>
 
 <style>
-  table {
-    width: 100%;
-  }
-  .is-scrollable {
-    overflow: auto;
-  }
-
-  .is-scrollable::-webkit-scrollbar-track {
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-    border-radius: 10px;
-    background-color: rgb(49, 49, 49);
-  }
-
-  .is-scrollable::-webkit-scrollbar {
-    width: 12px;
-    background-color: rgb(49, 49, 49);
-  }
-
-  .is-scrollable::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
-    background-color: #555;
-  }
 
 </style>
\ No newline at end of file
diff --git a/src/renderer/components/sections/general.vue b/src/renderer/components/sections/general.vue
index 5f2daa1..22c2aba 100644
--- a/src/renderer/components/sections/general.vue
+++ b/src/renderer/components/sections/general.vue
@@ -1,37 +1,39 @@
 <template>
     <section class="section">
-<div class="columns">
-  <div class="column">
-
-    <div class="container">
-      <h1 class="title">Welcome</h1>
-      <h2 class="subtitle">
-        BugCraft Studio is the <strong>open source</strong> machinima tool for Machinima makers like you.
-      </h2>
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          Welcome to BugCraft Studio
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          Discord
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        Join us <i class="fab fa-discord"></i>
+      </article>
     </div>
-
-  </div>
-  <div class="column">
-    <figure class="image is-256x256">
-      <img src="/static/intro-box.png">
-    </figure>
-  </div>
-  <div class="column">
-    <figure class="image is-256x256">
-      <img src="/static/intro-box-learn.png">
-    </figure>
   </div>
-  <div class="column">
-    <figure class="image is-256x256">
-      <img src="/static/intro-box-discord.png">
-    </figure>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <!-- Put any content you want -->
+    </article>
   </div>
 </div>
-  </section>
+    </section>
 </template>
 
 <script>
   export default {
     name: 'general'
   };
-</script>
\ No newline at end of file
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/renderer/components/sections/laboratory.vue b/src/renderer/components/sections/laboratory.vue
index 7bb3666..771e469 100644
--- a/src/renderer/components/sections/laboratory.vue
+++ b/src/renderer/components/sections/laboratory.vue
@@ -14,7 +14,7 @@
     <div class="modal">
       <div class="modal-background"></div>
       <div class="modal-content">
-        <article class="message is-dark">
+        <article class="message">
           <div class="message-header">
             <p>About this tool</p>
           </div>
diff --git a/src/renderer/components/sections/settings.vue b/src/renderer/components/sections/settings.vue
index 729a305..5073861 100644
--- a/src/renderer/components/sections/settings.vue
+++ b/src/renderer/components/sections/settings.vue
@@ -72,7 +72,4 @@
 </script>
 
 <style>
-  .message-header{
-    border-radius: initial !important;
-  }
 </style>
\ No newline at end of file
diff --git a/style.scss b/style.scss
index aa5909b..690f589 100644
--- a/style.scss
+++ b/style.scss
@@ -1,326 +1,2 @@
 @charset "UTF-8";
 @import "node_modules/bulma/bulma.sass";
-
-html, body {
-  background-color: #1a1a1a;
-  color: #ffffff;
-  overflow:hidden;
-}
-
-.container-top {
-  padding-top: 10px;
-}
-
-.table {
-  background-color: #363636;
-}
-
-.table thead td, .table thead th {
-    color: #d6d6d6;
-}
-
-.table th {
-  color: #d6d6d6;
-}
-
-.table tr:hover {
-    background-color: transparent;
-}
-
-.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content p, .title, .subtitle {
-    color: #e8e8e8;
-}
-
-.brand {
-  user-select: none;
-}
-
-.nav-toggle:hover {
-  background-color: #383737;
-}
-.nav-toggle span {
-  background-color: #ababab;
-}
-.nav-toggle.is-active span {
-  background-color: #ababab;
-}
-.nav {
-  background-color: #363636;
-}
-
-.navbar-item, .navbar-link {
-  color: #f5f5f5;
-}
-.navbar-link::after {
-  border-color: #f5fe6f;
-}
-
-.navbar-item:hover, .navbar-item.is-active, .navbar-link:hover, .navbar-link.is-active {
-  background-color: transparent;
-  color: #f5f5f5;
-}
-
-.navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
-  background-color: transparent !important;
-}
-
-.navbar-dropdown a.navbar-item:hover {
-  background-color: #1a1a1a;
-  color: #f5f5f5;
-}
-
-.navbar-dropdown:hover {
-  background-color: #1a1a1a;
-}
-.navbar-dropdown {
-  background-color: #363636;
-  border-top: 1px solid #e0e869;
-}
-
-.label{
-  color: hsl(0, 0%, 96%);
-}
-
-.navbar {
-  background-color: #363636;
-}
-
-.input {
-  background-color: hsl(0, 0%, 21%);
-}
-
-.nav-item a:not(.button).is-tab.is-active, a.nav-item:not(.button).is-tab.is-active {
-    border-bottom: 1px solid #f5fe6f;
-    color: #f5fe6f;
-}
-.nav-item a:not(.button).is-tab, a.nav-item:not(.button).is-tab {
-    color: #fff;
-}
-.nav-item a:not(.button).is-tab:hover, a.nav-item:not(.button).is-tab:hover {
-    border-bottom-color: #f5fe6f;
-    color: #fff;
-}
-
-#nav-toggle-state {
-  display: none;
-}
-
-#nav-toggle-state:checked ~ .nav-menu {
-  display: block;
-}
-
-.input, .textarea {
-  height: 1.8em;
-}
-
-.wrapper {
-  padding-top: 10px;
-}
-
-.render .field:not(:last-child) {
-    margin-bottom: 0.4rem;
-}
-
-.tabs a {
-  color: #eee;
-}
-
-.tabs.is-boxed a:hover {
-  background-color: #363636;
-  border-bottom-color: #dbdbdb;
-}
-
-.tabs a:hover {
-    border-bottom-color: #363636;
-    color: #ffffff;
-}
-
-.box {
-  background-color: #233239;
-}
-
-.tile.is-ancestor {
-  padding: 0 10px;
-}
-
-.input, .input:hover, .input.is-hovered, .textarea:hover, .textarea.is-hovered,
-.input:hover, .input.is-hovered, .textarea:hover, .textarea.is-hovered,
-.input:focus, .input.is-focused, .input:active, .input.is-active, .textarea:focus,
-.textarea.is-focused, .textarea:active, .textarea.is-active {
-  border-color: transparent;
-}
-
-input[type=range] {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  border-color: transparent;
-}
-
-input[type=range]:hover {
-  border-color: transparent;
-}
-
-input[type=range]::-webkit-slider-runnable-track {
-  -webkit-appearance: none;
-  background: rgba(59,173,227,1);
-  background: -moz-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(59,173,227,1)), color-stop(25%, rgba(87,111,230,1)), color-stop(51%, rgba(152,68,183,1)), color-stop(100%, rgba(255,53,127,1)));
-  background: -webkit-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  background: -o-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  background: -ms-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  background: linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bade3 ', endColorstr='#ff357f ', GradientType=1 );
-  height: 2px;
-}
-
-input[type=range]:focus {
-  outline: none;
-}
-
-input[type=range]::-moz-range-track {
-  -moz-appearance: none;
-  background: rgba(59,173,227,1);
-  background: -moz-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(59,173,227,1)), color-stop(25%, rgba(87,111,230,1)), color-stop(51%, rgba(152,68,183,1)), color-stop(100%, rgba(255,53,127,1)));
-  background: -webkit-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  background: -o-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  background: -ms-linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  background: linear-gradient(45deg, rgba(59,173,227,1) 0%, rgba(87,111,230,1) 25%, rgba(152,68,183,1) 51%, rgba(255,53,127,1) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bade3 ', endColorstr='#ff357f ', GradientType=1 );
-  height: 2px;
-}
-
-input[type=range]::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  border: 2px solid;
-  border-radius: 50%;
-  height: 25px;
-  width: 25px;
-  max-width: 80px;
-  position: relative;
-  bottom: 11px;
-  background-color: #1d1c25;
-  cursor: -webkit-grab;
-
-  -webkit-transition: border 1000ms ease;
-  transition: border 1000ms ease;
-}
-
-input[type=range]::-moz-range-thumb {
-  -moz-appearance: none;
-  border: 2px solid;
-  border-radius: 50%;
-  height: 25px;
-  width: 25px;
-  max-width: 80px;
-  position: relative;
-  bottom: 11px;
-  background-color: #1d1c25;
-  cursor: -moz-grab;
-  -moz-transition: border 1000ms ease;
-  transition: border 1000ms ease;
-}
-
-.range.blue::-webkit-slider-thumb {
-   border-color: rgb(59,173,227);
-}
-
-.range.ltpurple::-webkit-slider-thumb {
-   border-color: rgb(87,111,230);
-}
-
-.range.purple::-webkit-slider-thumb {
-   border-color: rgb(152,68,183);
-}
-
-.range.pink::-webkit-slider-thumb {
-   border-color: rgb(255,53,127);
-}
-
-.range.blue::-moz-range-thumb {
-   border-color: rgb(59,173,227);
-}
-
-.range.ltpurple::-moz-range-thumb {
-   border-color: rgb(87,111,230);
-}
-
-.range.purple::-moz-range-thumb {
-   border-color: rgb(152,68,183);
-}
-
-.range.pink::-moz-range-thumb {
-   border-color: rgb(255,53,127);
-}
-
-input[type=range]::-webkit-slider-thumb:active {
-  cursor: -webkit-grabbing;
-}
-
-input[type=range]::-moz-range-thumb:active {
-  cursor: -moz-grabbing;
-}
-
-input[type="checkbox"] {
-    display:none;
-}
-
-input[type="checkbox"] + label {
-    color:#f2f2f2;
-    cursor: pointer;
-}
-
-input[type="checkbox"] + label span {
-    display:inline-block;
-    width:19px;
-    height:19px;
-    margin:-2px 10px 0 0;
-    vertical-align:middle;
-    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) left top no-repeat;
-    cursor:pointer;
-}
-
-input[type="checkbox"]:checked + label span {
-    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -19px top no-repeat;
-}
-
-.field label {
-  cursor: pointer;
-}
-
-@media screen and (max-width: 769px) {
-  .wrapper {
-    padding: 5px
-  }
-}
-@media screen and (min-width: 769px) {
-  .wrapper {
-    padding: 5px
-  }
-}
-@media screen and (max-width: 768px) {
-  .nav-menu.nav-right {
-    background-color: #1a1a1a;
-    box-shadow: 0 4px 7px rgba(255, 255, 255, 0.1);
-  }
-  .nav-menu.nav-right .nav-item {
-      border-top: transparent;
-      padding: 0.75rem;
-  }
-}
-
-.hide {
-  display: none;
-}
-
-.modal-background.loading {
-  background-image: url(resources/images/cover.png);
-  background-size: cover;
-  background-position: center -150px;
-}
-
-.modal-content.loading-text{
-  color: #e0e0e0;
-  text-shadow: 2px 2px 8px rgb(133, 154, 255);
-  font-size: 2em;
-}