formatting issues

1 files changed, 47 insertions, 50 deletions

diff --git a/css/main.css b/css/main.css
index 65067cc..48db7e0 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,5 +1,6 @@
 /* BACKGROUND SPARKLES CSS */
 @import url("https://fonts.googleapis.com/css?family=DM+Sans:500,700&display=swap");
+
 html, body {
   margin: 0 0;
   padding: 0 0;
@@ -16,11 +17,11 @@ body svg {
 }
 
 /* LOADING ANIMATION */
-/* body {

-**   text-align: center;

-**   padding-top: 20%;

-**   background: #fdfdfd;

-** }

+/* body {
+**   text-align: center;
+**   padding-top: 20%;
+**   background: #fdfdfd;
+** }
 */
 .loader-wrapper {
   width: 100%;
@@ -33,11 +34,11 @@ body svg {
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
   -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
 }
 
 .loader {
@@ -45,7 +46,7 @@ body svg {
   height: 100px;
   display: inline-table;
   -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
   position: relative;
   border-spacing: 0.3em;
 }
@@ -60,8 +61,7 @@ body svg {
   background: #1d1f20;
   opacity: 0;
   -webkit-animation: flicker 0.5985999999999999s ease-out infinite alternate;
-  animation: flicker 0.5985999999999999s ease-out infinite alternate;
-  /* Added standard property to fix compatbiliy issues */
+  animation: flicker 0.5985999999999999s ease-out infinite alternate; /* Added standard property to fix compatbiliy issues */
 }
 
 @-webkit-keyframes flicker {
@@ -73,8 +73,7 @@ body svg {
   }
 }
 
-@keyframes flicker {
-  /* Added standard property to fix compatbiliy issues */
+@keyframes flicker { /* Added standard property to fix compatbiliy issues */
   from, 20% {
     opacity: 0;
   }
@@ -132,23 +131,23 @@ body svg {
 /* ORINGINAL SITE CSS */
 html {
   -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
   -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
   -webkit-tap-highlight-color: transparent;
 }
 
 *, *:before, *:after {
   -webkit-box-sizing: inherit;
-          box-sizing: inherit;
+  box-sizing: inherit;
 }
 
 html, body {
@@ -158,8 +157,8 @@ html, body {
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
-      -ms-flex-flow: row wrap;
-          flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
 }
 
 body {
@@ -183,23 +182,23 @@ main {
   max-width: 75vh;
 }
 
-/* I was trying to figure out how to only call the <a> tags from index.html, so it wouldn't change the values for other <a> tags, and I tried everything,

-** or so I thought, and I figured out I had to do `.links a` by scrolling up and saw `.loader row span` which wasn't even the correct syntax but I removed

-** the `row` and IT WORKED! I actually got so happy lol. - 2:15 AM, 8/7/2019

+/* I was trying to figure out how to only call the <a> tags from index.html, so it wouldn't change the values for other <a> tags, and I tried everything,
+** or so I thought, and I figured out I had to do `.links a` by scrolling up and saw `.loader row span` which wasn't even the correct syntax but I removed
+** the `row` and IT WORKED! I actually got so happy lol. - 2:15 AM, 8/7/2019
 */
 .links a {
   color: inherit;
   text-decoration: none;
   background-color: #ffdc73;
   /* hsl(200, 100%, 80% */
-  -webkit-box-shadow: 0 7px 30px -10px #ffdc73,
 0 7px 30px -10px #ffdc73;
-          box-shadow: 0 7px 30px -10px #ffdc73,
 0 7px 30px -10px #ffdc73;
+  -webkit-box-shadow: 0 7px 30px -10px #ffdc73, 0 7px 30px -10px #ffdc73;
+  box-shadow: 0 7px 30px -10px #ffdc73, 0 7px 30px -10px #ffdc73;
   -webkit-transition: background-color 0.15s ease-in-out;
   transition: background-color 0.15s ease-in-out;
 }
 
-/* #ffdc73 box-shadow should usually be only box-shadow, but I made it two so it would be more visable.

-// Secondary box-shadow, rgba(154,160,185,0.05)

+/* #ffdc73 box-shadow should usually be only box-shadow, but I made it two so it would be more visable.
+// Secondary box-shadow, rgba(154,160,185,0.05)
 */
 .links a:hover,
 .links a:focus {
@@ -209,8 +208,7 @@ main {
   -webkit-transition: color 0.15s ease-in-out;
   transition: color 0.15s ease-in-out;
   -webkit-box-shadow: 0 7px 30px -10px #282936, 0 7px 30px -10px #282936;
-          box-shadow: 0 7px 30px -10px #282936, 0 7px 30px -10px #282936;
-  /* rgba(166,173,201,0.2) */
+  box-shadow: 0 7px 30px -10px #282936, 0 7px 30px -10px #282936; /* rgba(166,173,201,0.2) */
   -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
   transition: -webkit-box-shadow 0.15s ease-in-out;
   transition: box-shadow 0.15s ease-in-out;
@@ -223,11 +221,11 @@ main {
   display: -ms-flexbox;
   display: flex;
   -webkit-box-flex: 1;
-      -ms-flex: 1 0 100%;
-          flex: 1 0 100%;
+  -ms-flex: 1 0 100%;
+  flex: 1 0 100%;
   -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
 }
 
 .nav {
@@ -237,22 +235,21 @@ main {
   padding: 0 20px;
   border-radius: 40px;
   -webkit-box-shadow: 0 10px 40px rgba(159, 162, 177, 0.8);
-          box-shadow: 0 10px 40px rgba(159, 162, 177, 0.8);
-  position: absolute;
-  /* Only reason it's centered. */
-  /* Manual position adjusting

-  ** top: 0;

-  ** left: 0;

+  box-shadow: 0 10px 40px rgba(159, 162, 177, 0.8);
+  position: absolute; /* Only reason it's centered. */
+  /* Manual position adjusting
+  ** top: 0;
+  ** left: 0;
   */
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
   -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
 }
 
 .nav-item {
@@ -269,11 +266,11 @@ main {
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
   -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
 }
 
 .nav-item:before {