Tesitng a new backgroud design

public/styles/objects/_app.scss

@@ -13,6 +13,6 @@
   min-height: 100vh;
   width: 100%;
 
-  @include t-flexbox();
+  @extend %t-flexbox;
   @include t-flex-direction(column);
 }

public/styles/objects/_background.scss

@@ -16,6 +16,7 @@
   width: 100%;
   height: 100%;
   z-index: $s-z--background;
+  overflow: hidden;
 
   //Civil Twilight
   &--style-twilight {
@@ -37,9 +38,14 @@
   //Elements that fill
   &__grain {
     @include t-absolute-fill();
-  }
-
-  &__grain {
     background-image: url('./../images/grain.png');
   }
+
+  &__palm {
+    position: absolute;
+    width: 150%;
+    bottom: -10%;
+    left: -40%;
+    @include t-drop-shadow(2.5vw, 2.5vw, 0, rgba(0, 0, 0, 0.5));
+  }
 }

public/styles/objects/_navbar.scss

@@ -60,7 +60,7 @@ $o-navbar--link-thickness: 5px;
       height: 0px;
       left: 0;
       bottom: 0px;
-      @include t-translate-y(90%)
+      @include t-translate-y(100%)
       transition: height 0.2s $s-animation--ease-out;
 
       content: " ";