rewrite of error, fork-awesome and menu using scss

scss/error.scss

-#particles-js {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-}
-
 body {
     background: #97cfca;
     overflow: hidden;
@@ -17,36 +11,30 @@ body {
     margin: auto;
     position: relative;
     top: 10.5rem;
-}
-
-.terminal-window header {
+    header {
         background: #E0E8F0;
         height: 1.875rem;
         border-radius: .5rem .5rem 0 0;
         padding-left: .625rem;
-}
 
-.terminal-window header .button {
+        .button {
             width: .75rem;
             height: .75rem;
             margin: .625rem .25rem 0 0;
             display: inline-block;
             border-radius: .5rem;
         }
-
-.terminal-window header .button.green {
+        .button.green {
             background: #3BB662;
         }
-
-.terminal-window header .button.yellow {
+        .button.red {
+            background: #E75448;
+        }
+        .button.yellow {
             background: #E5C30F;
         }
-
-.terminal-window header .button.red {
-    background: #E75448;
     }
-
-.terminal-window section.terminal {
+    section.terminal {
         color: white;
         font-family: Menlo, Monaco, "Consolas", "Courier New", "Courier";
         font-size: 11pt;
@@ -58,14 +46,16 @@ body {
         top: 1.875rem;
         bottom: 0;
         overflow: auto;
-}
 
-.terminal-window section.terminal .typed-cursor {
+        .typed-cursor {
             opacity: 1;
             -webkit-animation: blink 0.7s infinite;
             -moz-animation: blink 0.7s infinite;
             animation: blink 0.7s infinite;
         }
+    }
+}
+
 @keyframes blink{
     0% { opacity:1; }
     50% { opacity:0; }
@@ -83,8 +73,15 @@ body {
 }
 
 .terminal-data { display: none; }
-.terminal-window .gray { color: gray; }
-.terminal-window .green { color: green;}
+.terminal-window {
+    .gray {
+        color: gray;
+    }
+
+    .green {
+        color: green;
+    }
+}
 
 /*Media for mobile responsive viewing*/
 @media only screen and (max-width: 600px) {
@@ -96,18 +93,14 @@ body {
         margin: auto;
         position: relative;
         top: 30.5vmin;
-    }
-}
-@media only screen and (max-width: 600px) {
-    .terminal-window header {
+
+        header {
             background: #E0E8F0;
             height: 1.875vmin;
             border-radius: .5vmin .5vmin 0 0;
             padding-left: 1vmin;
-    }
-}
-@media only screen and (max-width: 600px) {
-    .terminal-window header .button {
+
+            .button {
                 width: .75vmin;
                 height: .75vmin;
                 margin: .625vmin .25vmin 0 0;
@@ -115,23 +108,7 @@ body {
                 border-radius: .5vmin;
             }
         }
-@media only screen and (max-width: 600px) {
-    .terminal-window header .button.green {
-        background: #3BB662;
-    }
-}
-@media only screen and (max-width: 600px) {
-    .terminal-window header .button.yellow {
-        background: #E5C30F;
-    }
-}
-@media only screen and (max-width: 600px) {
-    .terminal-window header .button.red {
-        background: #E75448;
-    }
-}
-@media only screen and (max-width: 600px) {
-    .terminal-window section.terminal {
+        section.terminal {
             color: white;
             font-family: Menlo, Monaco, "Consolas", "Courier New", "Courier";
             font-size: .6875vmin;
@@ -145,28 +122,4 @@ body {
             overflow: auto;
         }
     }
-.terminal-window section.terminal .typed-cursor {
-    opacity: 1;
-    -webkit-animation: blink 0.7s infinite;
-    -moz-animation: blink 0.7s infinite;
-    animation: blink 0.7s infinite;
-}
-@keyframes blink{
-    0% { opacity:1; }
-    50% { opacity:0; }
-    100% { opacity:1; }
-}
-@-webkit-keyframes blink{
-    0% { opacity:1; }
-    50% { opacity:0; }
-    100% { opacity:1; }
-}
-@-moz-keyframes blink{
-    0% { opacity:1; }
-    50% { opacity:0; }
-    100% { opacity:1; }
 }
\ No newline at end of file
-
-.terminal-data { display: none; }
-.terminal-window .gray { color: gray; }
-.terminal-window .green { color: green;}
\ No newline at end of file

scss/menue.scss

@@ -28,17 +28,17 @@
     left: 50%;
     transform: translateX(-50%);
     background-color: #1a2332;
+
+    a {
+        border-bottom: #151d28 solid 2px;
+        width: 100%;
+    }
 }
 
 .dropdown:hover .dropdown-content {
     display: block;
 }
 
-.dropdown-content a{
-    border-bottom: #151d28 solid 2px;
-    width: 100%;
-}
-
 .menueSelected{
     text-decoration: underline !important;
 }