Split app into components

Moved each component and its styles into their own files

src/styles/commands.scss

@@ -0,0 +1,27 @@
+#commands {
+    min-width: 300px;
+    flex-grow: 1;
+    align-self: flex-start;
+
+    .command {
+        position: relative;
+        margin: 20px;
+    }
+
+    button {
+        position: absolute;
+        right: 0px;
+        bottom: 6px;
+        height: 45px;
+    }
+
+    .code {
+        background-color: #0a0a0a;
+        border-radius: 5px;
+        padding: 11px;
+        width: 100%;
+        display: inline-block;
+        margin: 5px 0;
+        font-family: monospace;
+    }
+}

src/styles/generic.scss

@@ -0,0 +1,34 @@
+.flex-container {
+    max-width: 100%;
+    width: 100%;
+    display: inline-flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-evenly;
+    margin-bottom: 25px;
+  }
+  
+  .flex-item {
+    max-width: 100%;
+    margin: 0 15px;
+  }
+  
+  h3 {
+    margin: 25px 0 0;
+    text-align: center;
+  }
+  
+  ul {
+    list-style-type: none;
+    padding: 0;
+  }
+  
+  li {
+    display: inline-block;
+    margin: 0 10px;
+  }
+  
+  a {
+    color: #42b983;
+  }

src/styles/specifics.scss

@@ -17,32 +17,4 @@
       width: 100%;
       padding: 25px 0;
     }  
-}
-
-#commands {
-    min-width: 300px;
-    flex-grow: 1;
-    align-self: flex-start;
-
-    .command {
-        position: relative;
-        margin: 20px;
-    }
-
-    button {
-        position: absolute;
-        right: 0px;
-        bottom: 6px;
-        height: 45px;
-    }
-
-    .code {
-        background-color: #0a0a0a;
-        border-radius: 5px;
-        padding: 11px;
-        width: 100%;
-        display: inline-block;
-        margin: 5px 0;
-        font-family: monospace;
-    }
 }