feat(init): push new modifications

assets/scss/style.scss

@@ -19,12 +19,16 @@
 }
 
 html {
-  background: $light-grey;
+  margin: 0;
+  background: $background;
+  background-repeat: no-repeat;
+  background-attachment: fixed;
   line-height: 1.6;
   letter-spacing: .06em;
   scroll-behavior: smooth;
 }
 
+
 body,
 button,
 input,
@@ -101,10 +105,10 @@ a {
 
 hr {
   opacity: .2;
-  border-width: 0 0 5px 0;
-  border-style: dashed;
+  border-width: 0 0 2px 0;
+  border-style: solid;
   background: transparent;
-  width: 50%;
+  width: 90%;
   margin: 1.8em auto;
 }
 
@@ -133,6 +137,11 @@ table {
   width: 93%;
 }
 
+.site-main {
+  border-radius: 1em;
+  padding: 1em;
+}
+
 .thin {
   max-width: 720px;
   margin: auto;
@@ -229,7 +238,7 @@ table {
   width: 100%;
   box-sizing: border-box;
   box-shadow: -1px -2px 3px rgba(0, 0, 0, 0.45);
-  background-color: $dark-grey;
+  background-color: $dark-grey !important;
   animation-duration: .3s;
 }
 
@@ -330,11 +339,10 @@ table {
   display: flex;
   min-height: 100vh;
   flex-direction: column;
-  align-items: center;
   justify-content: center;
-  max-width: 93%;
+  max-width: 80%;
   margin: auto;
-  font-size: 1.5rem;
+  font-size: 1.2rem;
 
   &.error-404 {
     flex-direction: row;
@@ -403,11 +411,11 @@ p.img-404 {
 
 #home-subtitle {
   margin-top: 0;
-  margin-bottom: 1.5em;
+  margin-bottom: 1em;
   text-align: center;
   line-height: normal;
   font-size: .7em;
-  font-style: italic;
+  font-style: normal;
   opacity: .9;
 }
 
@@ -417,15 +425,27 @@ p.img-404 {
   opacity: .8;
 
   a {
-    margin: 0 .2em;
+    opacity: 0.8;
+    transition: 0.5s;
+    margin: 0 .5em;
   }
+
+  a:hover {
+    opacity: 1;
+    text-decoration: none;
+}
+}
+
+#home-nav-header {
+  text-align: center;
 }
 
 #home-nav {
   opacity: .8;
+  text-align: center;
+  margin-bottom: 1em;
 
   a {
-    display: block;
     text-align: center;
     margin-top: .5em;
   }