🔥 Huge style refactoring by using SvelteKit built-in style tag

It's been tricky but got there finally! Hello `:global`
- Avoid using one global CSS file containing everything
- Import the component SCSS file in a script tag from the component file to allow style scoping and including it only when used

src/components/atoms/ScrollingTitle.svelte

@@ -1,3 +1,11 @@
+<style lang="scss">
+    :global(.scrolling-title) {
+        transform: translate3d(var(--parallax-x), 0, 0);
+        transition: transform 1.2s var(--ease-quart);
+        will-change: transform;
+    }
+</style>
+
 <script lang="ts">
     import { map } from '$utils/functions'
     import { reveal, fly } from '$animations/index'