removed not needed code and cleaned up the codebase

styles/game.css

@@ -52,8 +52,6 @@ a:hover {
   text-decoration: none;
 }
 
-/*** NES.css overrides ***/
-
 .nes-container.is-rounded.is-dark {
   border-image-slice: 9 9 9 9 fill;
   border-image-source: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAphgAAKYYBIuzfjAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABgSURBVEiJY2AYBQQAIzGK/v///x+rZkZGgvqZSHURqYDmFrDgkkAOFikpZYJqcAXX0A8iFG8REyy4wLNndxGGIgXX0A+iUQsIApxlCTEpClfKQQbDOIiQwcgurkcBQQAARlMedugABy8AAAAASUVORK5CYII=');
@@ -65,8 +63,6 @@ a:hover {
   background: none;
 }
 
-/*** screens ***/
-
 .screen {
   height: 100%;
   width: 100%;
@@ -89,7 +85,7 @@ a:hover {
 }
 
 #title {
-  background-image: url(./../images/bg.png);
+  background-image: url(./../images/HeroBanner.png);
   background-size: cover;
   animation: 20s para infinite ease;
 }
@@ -279,22 +275,6 @@ a:hover {
   background-position: -8px -48px;
 }
 
-
-.grow-fade {
-  animation: grow-fade 2s linear;
-}
-
-@keyframes grow-fade {
-  from {
-    transform:  translate(0px, 0px) scale(8);
-    opacity: 0.5;
-  }
-  to {
-    transform: translate(0px, 0px) scale(16);
-    opacity: 0;
-  }
-}
-
 #play {
   width: 400px;
   max-width: 90%;
@@ -305,8 +285,6 @@ a:hover {
   background-size: 20%;
 }
 
-/*** HUD ***/
-
 #hud {
   position: absolute;
   bottom: 0px;
@@ -347,8 +325,6 @@ a:hover {
    }
 }
 
-/*** CSS animations ***/
-
 .fade-in {
   animation: fade-in 0.8s;
   display: flex;