beautified

client/assets/scss/main.scss

@@ -1,14 +1,13 @@
 @import './utils.scss';
-
 $linkColor: #3598db;
 $backgroundColor: #FFFFFF;
-
 html {
     font-family: 'Roboto Slab', serif;
     max-width: 100%;
     overflow-x: hidden;
     overflow-y: scroll;
 }
+
 body {
     background-color: $backgroundColor;
     max-width: 100%;
@@ -17,6 +16,7 @@ body {
     -webkit-font-smoothing: subpixel-antialiased;
     font-weight: 300;
 }
+
 h1,
 h2,
 h3,
@@ -27,9 +27,11 @@ h6 {
     font-weight: 400;
     line-height: 1em;
 }
+
 p {
     font-weight: 300;
 }
+
 *,
 *:after,
 *:before {
@@ -37,6 +39,7 @@ p {
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
+
 a {
     background-color: transparent;
     color: $linkColor;
@@ -45,11 +48,13 @@ a {
         color: $linkColor;
     }
 }
+
 hr {
     margin: 1em;
     border: 0;
     border-top: 1px solid #eee;
 }
+
 .Footer,
 .Main {
     display: flex;
@@ -61,9 +66,11 @@ hr {
         width: 1em;
     }
 }
+
 .Main {
     padding-top: 1em;
 }
+
 .Header {
     width: 100%;
     background: url("../images/header.jpg");
@@ -76,19 +83,20 @@ hr {
         text-align: center;
     }
 }
-.Loading{
+
+.Loading {
     display: flex;
     flex: 1;
     justify-content: center;
 }
-.btn{
+
+.btn {
     background-color: $backgroundColor;
     border: 1px solid #DADADA;
     border-radius: .2em;
     cursor: pointer;
     padding: .5em;
-    
-    &:hover{
+    &:hover {
         background-color: #F3F3F3;
     }
 }