Globe: Add opacity option, Part globe WIP

- Don't run the onScroll method on load, creates a funky translate otherwise
- Bind window innerHeight via Svelte
- Path scroll smoothing option value as prop

src/style/molecules/_globe.scss

@@ -40,7 +40,6 @@
         overflow: hidden;
         height: 30vw;
         min-height: 300px;
-        opacity: 0.5;
     }
 
     /*
@@ -102,6 +101,7 @@
                 font-size: rem(8px);
                 line-height: 1;
                 text-transform: uppercase;
+                letter-spacing: 1px;
 
                 @include breakpoint (sm) {
                     font-size: rem(10px);
@@ -123,6 +123,20 @@
                 }
             }
 
+            // Is light
+            &.is-light {
+                &.is-active {
+                    .marker {
+                        &__city {
+                            color: #fff;
+                        }
+                        &__country {
+                            color: #d2b7e4;
+                        }
+                    }
+                }
+            }
+
             // Left positioned
             &.is-left {
                 .marker {

src/style/pages/_page.scss

@@ -92,7 +92,11 @@
     }
 
     // Globe
-    // .globe {
-    // }
+    .globe--part {
+        margin-top: 72px;
 
+        @include breakpoint (sm) {
+            margin-top: 136px;
+        }
+    }
 }