feat: animation landing page + style button + uniform ul header and footer

assets/sass/button.scss

@@ -1,10 +1,26 @@
 .button {
+    display: inline-block;
+    cursor: pointer;
     background-color: $accent;
     color: white;
-    padding: 1rem 2rem;
+    padding: 1rem 2.5rem;
+    font-weight: lighter;
+    text-transform: uppercase;
+    user-select: none;
     min-width: 10rem;
     font-size: 1.2rem;
     border: 0;
     border-radius: 2px;
+
+    transition: all 0.2s ease-in-out;
+
+    border: 1px solid transparent;
+    &:hover {
+        opacity: 0.8;
+        background-color: lighten($accent, 14%);
+        color: black;
+        border: 1px solid rgba(0.5, 0.5, 0.5, 0.3);
+        border-style: inset;
+    }
 }
 

assets/sass/footer.scss

@@ -1,14 +1,15 @@
 html {
     height: 100%;
 }
+
 body {
     min-height: 100%;
     display: flex;
     flex-direction: column;
 }
+
 .footer-push {
     flex-grow: 1;
-
 }
 
 .site-footer {
@@ -37,11 +38,9 @@ body {
     display: flex;
     justify-content: space-between;
 }
-.site-footer__links {
-    a {
-        margin-right: .5rem;
-    }
-}
+
+// .site-footer__links {
+// }
 
 @media (max-width: $md-breakpoint) {
     .site-footer__content {
@@ -49,9 +48,4 @@ body {
         justify-content: start;
         flex-direction: column;
     }
-    .site-footer__title {
-    }
-    .site-footer__links {
-        
-    }
 }

assets/sass/general.scss

@@ -26,6 +26,8 @@ h1, h2, h3, .title {
 h1 {
     font-size: 3rem;
     color: $secondary;
+    margin-top: 3rem;
+    margin-bottom: 1rem;
 }
 
 h2 {
@@ -34,7 +36,7 @@ h2 {
 }
 
 a {
-    color: $accent;
+    color: darken($accent, 6%);
 }
 
 a:hover {
@@ -42,18 +44,27 @@ a:hover {
 }
 
 
-
-.separation-section {
-     background-color: darken($background-secondary, 0%);
-     padding: 1.2rem 0;
-
+.secondary-bg {
      h2 {
          color: white;
      }
+     a {
+         color: white;
+     }
      color: white;
 
      .button {
-         background-color: white;
-         color: $accent;
+         background-color: $background-secondary;
+         color: white;
+         &:hover {
+             background-color: lighten($background-secondary, 14%);
+         }
      }
+
+     background-color: darken($background-secondary, 15%);
+ }
+
+.separation-section {
+     margin-top: 3rem;
+     padding: 1.2rem 0;
  }

assets/sass/header.scss

@@ -13,6 +13,19 @@ $header-height: 6rem;
     align-items: center;
 }
 
+.inline-menu-list {
+    display: flex;
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+    li {
+        margin-right: 1.5rem;
+    }
+    li:last-of-type {
+        margin-right: 0;
+    }
+}
+
 .site-header__nav {
     a {
         color: white;

assets/sass/landing.scss

@@ -3,6 +3,7 @@
     position: relative;
     min-height: 40rem;
 }
+
 .cover__back {
     position: absolute;
     height: 100%;
@@ -39,8 +40,18 @@
     background-color: rgba(14, 14, 14, 0.2);
 }
 
+@keyframes cover_title_in {
+    0% {
+        left: -10rem;
+    }
+    100% {
+        left: 0;
+    }
+}
+
 .cover__title-container {
-    // position: relative;
+    position: relative;
+    animation: cover_title_in 0.5s cubic-bezier(.39,.58,.57,1);
 }
 
 .cover__title {
@@ -68,3 +79,10 @@
     height: 0;
     border-bottom: .3rem solid $accent;
 }
+
+@media (min-width: $lg-breakpoint) {
+    .cover__back {
+        background-position-x: center;
+        background-position-y: -1.5rem;
+    }
+}

assets/sass/sections.scss

@@ -1,4 +1,6 @@
 .section-menu {
+    border: 1px solid #eee;
+    padding: 1rem 0;
     list-style-type: none;
     display: flex;
     justify-content: space-around;