Globe: Fix bottom when cut

src/style/_variables.scss

@@ -1,5 +1,6 @@
 // Colors
 $color-primary: #3C0576;
+$color-primary-darker: #2D0458;
 $color-secondary: #FF6C89;
 $color-secondary-bright: #FF0536;
 $color-text: #333;
@@ -9,16 +10,8 @@ $color-gray: #666;
 $color-lightgray: #999;
 
 // CSS Variables
-:root {
-    // Colors
-    --color-primary: #{$color-primary};
-    --color-secondary: #{$color-secondary};
-    --color-text: #{$color-text};
-    --color-tertiary: #{$color-tertiary};
-    --color-lightpurple: #{$color-lightpurple};
-    --color-gray: #{$color-gray};
-    --color-lightgray: #{$color-lightgray};
-}
+// :root {
+// }
 
 
 /* Fonts

src/style/layouts/_main.scss

@@ -1,6 +1,7 @@
 // Main page
 .housesof {
     position: absolute;
+    z-index: 120;
     top: 0;
     left: 0;
     width: 100%;

src/style/molecules/_globe.scss

@@ -46,6 +46,8 @@
     ** Markers
     */
     &__markers {
+        z-index: 210;
+
         // When dragging
         &.is-grabbing {
             cursor: grabbing;

src/style/organisms/_footer.scss

@@ -2,7 +2,7 @@
    FOOTER
 ========================================================================== */
 .footer {
-    background-color: #2D0458;
+    background-color: $color-primary-darker;
 
     .wrap {
         display: block;