diff --git a/.cache/eleventy-fetch-ff7bff157a8a33917f958b9cab3878 b/.cache/eleventy-fetch-ff7bff157a8a33917f958b9cab3878
index a09a432..7da039f 100644
--- a/.cache/eleventy-fetch-ff7bff157a8a33917f958b9cab3878
+++ b/.cache/eleventy-fetch-ff7bff157a8a33917f958b9cab3878
@@ -1 +1 @@
-[{"ff7bff157a8a33917f958b9cab3878":"1"},{"cachedAt":1663148524558,"type":"2"},"json"]
\ No newline at end of file
+[{"ff7bff157a8a33917f958b9cab3878":"1"},{"cachedAt":1663441105837,"type":"2"},"json"]
\ No newline at end of file
diff --git a/src/_data/menu.json b/src/_data/menu.json
index 69cfe72..8f63a26 100644
--- a/src/_data/menu.json
+++ b/src/_data/menu.json
@@ -17,7 +17,7 @@
         "url": "https://start9.com/latest/contribute/index",
         "target": "",
         "order": 1,
-        "class": ""
+        "class": "hide-on-mobile"
       }
     ]
   },
@@ -124,6 +124,14 @@
         "order": 0,
         "class": ""
       },
+      {
+        "name": "FAQ",
+        "slug": "faq",
+        "url": "https://start9.com/latest/support/faq/",
+        "target": "",
+        "order": 0,
+        "class": ""
+      },
       {
         "name": "Docs",
         "slug": "docs",
diff --git a/src/_data/services.json b/src/_data/services.json
index 3f49d1f..6609995 100644
--- a/src/_data/services.json
+++ b/src/_data/services.json
@@ -86,7 +86,7 @@
         "name": "Lightning Terminal",
         "slug": "lightning-terminal",
         "description": "",
-        "categories": ["lightning", "plebnet-tools"],
+        "categories": ["lightning"],
         "pseudoservices": []
     },
     {
@@ -135,7 +135,7 @@
         "name": "Thunderhub",
         "slug": "thunderhub",
         "description": "",
-        "categories": ["bitcoin", "lightning"],
+        "categories": ["bitcoin"],
         "pseudoservices": ["paypal","coinbase"]
     }
 ]
\ No newline at end of file
diff --git a/src/_includes/components/header.njk b/src/_includes/components/header.njk
index fda8baf..af31e9a 100644
--- a/src/_includes/components/header.njk
+++ b/src/_includes/components/header.njk
@@ -1,5 +1,6 @@
 <header>
   <nav>
+    <a class="header__logo" href="/"><img src="../assets/images/start9_logo.png" alt=""></a>
     <ul>
       {% for group in menu|selectattr("inHeader") %}
         {% for item in group.items %}
diff --git a/src/_includes/components/landing/bitcoin.njk b/src/_includes/components/landing/bitcoin.njk
index ffa4eb1..beca0e0 100644
--- a/src/_includes/components/landing/bitcoin.njk
+++ b/src/_includes/components/landing/bitcoin.njk
@@ -4,27 +4,27 @@
         <h1>Become Bitcoin</h1>
         <p>
             <em>Don't trust, verify.</em>
-            <br>Run a full Bitcoin node to verify transactions and enforce the consensus rules you choose.</p>
-            <a class="btn" href="">why host a bitcoin node?</a>
-        </div>
-        <div class="subsection">
-            <h1>Become Lightning</h1>
-            <p>
-                <em>Not your keys, not your coins.</em>
-                <br>Run a Lightning node to take full control and custody over your Bitcoin on Lightning.</p>
-                <a class="btn" href="">why host a lightning node?</a>
-            </div>
-            <div id="flying-icons">
-                {% for service in services %}
-                    {% for category in service.categories %}
-                        {% if (category == "bitcoin") or (category == "lightning") or (category == "plebnet-tools") %}
-                            <img
-                                class="service-icon service-icon--{{ service.slug }}"
-                                src="../assets/images/service-icons/{{ service.slug }}.png"
-                                alt="">
-                            {% endif %}
-                        {% endfor %}
-                    {% endfor %}
-                </div>
-                {% include "components/svg/grid_blend_bottom.svg" %}
-            </section>
\ No newline at end of file
+            <br/>Run a full Bitcoin node to verify transactions and enforce the consensus rules you choose.</p>
+        <a class="btn btn--subtle" target="_blank" href="https://bitcoinmagazine.com/culture/six-reasons-you-should-run-bitcoin-node">why host a bitcoin node?</a>
+    </div>
+    <div class="subsection">
+        <h1>Become Lightning</h1>
+        <p>
+            <em>Not your keys, not your coins.</em>
+            <br/>Run a Lightning node to take full control and custody over your Bitcoin on Lightning.</p>
+        <a class="btn btn--subtle" target="_blank" href="">why host a lightning node?</a>
+    </div>
+    <div id="flying-icons">
+        {% for service in services %}
+            {% for category in service.categories %}
+                {% if (category == "bitcoin") or (category == "lightning") or (category == "plebnet-tools") %}
+                    <img
+                        class="service-icon service-icon--{{ service.slug }}"
+                        src="../assets/images/service-icons/{{ service.slug }}.png"
+                        alt=""/>
+                {% endif %}
+            {% endfor %}
+        {% endfor %}
+    </div>
+    {% include "components/svg/grid_blend_bottom.svg" %}
+</section>
\ No newline at end of file
diff --git a/src/_includes/components/landing/dev.njk b/src/_includes/components/landing/dev.njk
index 905803c..fec6ee4 100644
--- a/src/_includes/components/landing/dev.njk
+++ b/src/_includes/components/landing/dev.njk
@@ -1,5 +1,5 @@
 <section id="dev">
-    <h1>Package a service</h1>
+    <h1>Package a <em>service</em></h1>
     <div class="cols">
         <div class="col">
             <div class="wrapper">
diff --git a/src/_includes/components/landing/infographics.njk b/src/_includes/components/landing/infographics.njk
index c224ea8..a85b07f 100644
--- a/src/_includes/components/landing/infographics.njk
+++ b/src/_includes/components/landing/infographics.njk
@@ -1,14 +1,34 @@
 <section id="infographics">
-    <div class="subsection">
-        <h1>The problem is <em>trust</em></h1>
-        <p><em>Whoever controls your data, controls you.</em> App companies can see your pictures, read your documents, listen to your conversations, track your location, sell your private information, permanently delete your data, or cut you off at any time. Even if the companies behind these apps are not malicious, they are prime targets for hackers and are vulnerable to political winds.</p>
+    <div class="subsection section--subtle">
+        <h1>The problem is
+            <em>trust</em>
+        </h1>
+        <p>
+            <em>Whoever controls your data, controls you.</em>
+            App companies can see your pictures, read your documents, listen to your conversations, track your location, sell your
+            private information, permanently delete your data, or cut you off at any time. Even if the companies behind these apps
+            are not malicious, they are prime targets for hackers and are vulnerable to political winds.</p>
+        {# <div class="image-with-shadow">
+            {% include "components/svg/big-tech-network-diagram.svg" %}
+            <div class="img-shadow">{% include "components/svg/big-tech-network-diagram.svg" %}</div>
+        </div> #}
         {% include "components/svg/big-tech-network-diagram.svg" %}
     </div>
-    <div class="subsection inverse">
-        <h1>Take back <em>control</em></h1>
-        <p>The only way to be free is to cut out the middle men and take control of your data by running a personal server. 
-            <br><br>
-            In the past, running a server was only possible for highly technical people or those who could afford to hire them; namely software developers, corporations, wealthy individuals, and politicians. <em>Start9 levels the playing field</em> by making it possible for the rest of us.</p>
-        {% include "components/svg/embassyos-network-diagram.svg" %}
-    </div>
-</section>
\ No newline at end of file
+    <div class="subsection section--bold">
+        <h1>Take back
+            <em>control</em>
+        </h1>
+        <p>The only way to be free is to cut out the middle men and take control of your data by running a personal server.
+            <br>
+                <br>
+                    In the past, running a server was only possible for highly technical people or those who could afford to hire them;
+                    namely software developers, corporations, wealthy individuals, and politicians.
+                    <em>Start9 levels the playing field</em>
+                    by making it possible for the rest of us.</p>
+                {# <div class="image-with-shadow">
+                    {% include "components/svg/embassyos-network-diagram.svg" %}
+                    <div class="img-shadow">{% include "components/svg/embassyos-network-diagram.svg" %}</div>
+                </div> #}
+                {% include "components/svg/embassyos-network-diagram.svg" %}
+            </div>
+        </section>
\ No newline at end of file
diff --git a/src/_includes/components/landing/powered-by.njk b/src/_includes/components/landing/powered-by.njk
index d99bb46..386fd42 100644
--- a/src/_includes/components/landing/powered-by.njk
+++ b/src/_includes/components/landing/powered-by.njk
@@ -9,6 +9,14 @@
         EmbassyOS (EOS) is a browser-based, graphical operating system for a personal server, designed to turn anyone into a
         system’s administrator capable of managing their own server.
     </p>
-    {% include "components/svg/stack.svg" %}
-    <a href=""><img src="" alt="">check out the <span>source code</span></a>
+    <div class="image-with-shadow">
+        {% include "components/svg/stack.svg" %}
+        <div class="img-shadow">{% include "components/svg/stack.svg" %}</div>
+    </div>
+    <a class="source-link" href="https://github.com/Start9Labs" target="_blank">
+    <div class="image-with-shadow">
+        <img src="../assets/images/code1.png" alt=""/>
+        <img class="img-shadow" src="../assets/images/code1.png" alt=""/>
+    </div>
+    check out the <span>source code</span></a>
 </section>
\ No newline at end of file
diff --git a/src/_includes/components/landing/support.njk b/src/_includes/components/landing/support.njk
index 8c2437b..21b7a7c 100644
--- a/src/_includes/components/landing/support.njk
+++ b/src/_includes/components/landing/support.njk
@@ -1,4 +1,4 @@
-<section id="support" style="background-color: black;">
+<section id="support" class="section--subtle">
   <h1>get
     <em>help</em>
   </h1>
diff --git a/src/_includes/components/svg/menu-open.svg b/src/_includes/components/svg/menu-open.svg
index 904a68e..e0a55a9 100644
--- a/src/_includes/components/svg/menu-open.svg
+++ b/src/_includes/components/svg/menu-open.svg
@@ -1,3 +1,3 @@
 <svg viewBox="0 0 28 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.8706 18.957H0.370605V15.957H13.8706V18.957ZM27.3706 11.457H0.370605V8.45703H27.3706V11.457ZM27.3706 3.95703H13.8706V0.957031H27.3706V3.95703Z" fill="white"/>
+<path d="M13.8706 18.957H0.370605V15.957H13.8706V18.957ZM27.3706 11.457H0.370605V8.45703H27.3706V11.457ZM27.3706 3.95703H13.8706V0.957031H27.3706V3.95703Z" />
 </svg>
diff --git a/src/assets/fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2 b/src/assets/fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2
new file mode 100644
index 0000000..4f54100
Binary files /dev/null and b/src/assets/fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2 differ
diff --git a/src/assets/fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2 b/src/assets/fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2
new file mode 100644
index 0000000..0f212b4
Binary files /dev/null and b/src/assets/fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2 differ
diff --git a/src/assets/fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2 b/src/assets/fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2
new file mode 100644
index 0000000..afc2292
Binary files /dev/null and b/src/assets/fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2 differ
diff --git a/src/assets/fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2 b/src/assets/fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2
new file mode 100644
index 0000000..d3bc5ab
Binary files /dev/null and b/src/assets/fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2 differ
diff --git a/src/assets/fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2 b/src/assets/fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2
new file mode 100644
index 0000000..cc6e0c4
Binary files /dev/null and b/src/assets/fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2 differ
diff --git a/src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2 b/src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2
new file mode 100644
index 0000000..5154cdc
Binary files /dev/null and b/src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2 differ
diff --git a/src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2 b/src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2
new file mode 100644
index 0000000..2b01702
Binary files /dev/null and b/src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2 differ
diff --git a/src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2 b/src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2
new file mode 100644
index 0000000..e6ac2b3
Binary files /dev/null and b/src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2 differ
diff --git a/src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2 b/src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2
new file mode 100644
index 0000000..bb3d8b8
Binary files /dev/null and b/src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2 differ
diff --git a/src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2 b/src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2
new file mode 100644
index 0000000..53d42ad
Binary files /dev/null and b/src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2 differ
diff --git a/src/assets/fonts/montserrat/v25/OFL.txt b/src/assets/fonts/montserrat/v25/OFL.txt
new file mode 100644
index 0000000..f435ed8
--- /dev/null
+++ b/src/assets/fonts/montserrat/v25/OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2011 The Montserrat Project Authors (https://github.com/JulietaUla/Montserrat)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/src/assets/images/service-icons/bitcoind.png b/src/assets/images/service-icons/bitcoind.png
index c6dc195..6571248 100644
Binary files a/src/assets/images/service-icons/bitcoind.png and b/src/assets/images/service-icons/bitcoind.png differ
diff --git a/src/assets/images/service-icons/bitcoind.png~ b/src/assets/images/service-icons/bitcoind.png~
new file mode 100644
index 0000000..c6dc195
Binary files /dev/null and b/src/assets/images/service-icons/bitcoind.png~ differ
diff --git a/src/assets/images/service-icons/specter.png b/src/assets/images/service-icons/specter.png
index 72f425c..f965b09 100644
Binary files a/src/assets/images/service-icons/specter.png and b/src/assets/images/service-icons/specter.png differ
diff --git a/src/assets/images/service-icons/specter.png~ b/src/assets/images/service-icons/specter.png~
new file mode 100644
index 0000000..72f425c
Binary files /dev/null and b/src/assets/images/service-icons/specter.png~ differ
diff --git a/src/assets/js/main.js b/src/assets/js/main.js
index 2d0a322..a7e5f70 100644
--- a/src/assets/js/main.js
+++ b/src/assets/js/main.js
@@ -34,6 +34,10 @@ const bitcoinServices = [
   "thunderhub",
 ];
 
+//const defaultActions = "restart none none reverse";
+const defaultActions = "play none none none"; //onEnter, onLeave, onEnterBack, and onLeaveBack
+// "play", "pause", "resume", "reset", "restart", "complete", "reverse", and "none".
+
 //////////////////////////////////////////
 // AUTO APPLY URL ANCHORS
 
@@ -89,12 +93,20 @@ function closeMenu(e) {
 // HERO
 
 gsap.from("#hero-image", {
-  duration: 0.5,
-  y: "-10rem",
+  duration: 1,
+  //y: "-10rem",
+  scale: 0.95,
   opacity: 0,
+  filter: "blur(10px)",
   delay: 0.5,
 });
-gsap.from("#logo", { duration: 0.5, y: "-5rem", opacity: 0, delay: 0.75 });
+gsap.from("#logo", { 
+  duration: 0.5, 
+  y: "-5rem", 
+  opacity: 0, 
+  delay: 1.25,
+  //ease: "in-out"
+});
 //gsap.config({trialWarn: false});
 
 // create the smooth scroller FIRST!
@@ -108,6 +120,10 @@ gsap.from("#logo", { duration: 0.5, y: "-5rem", opacity: 0, delay: 0.75 });
 // backdrop-filter: blur(10px);
 //background-color: rgba(0,0,0,0.1);
 
+
+//////////////////////////////////////////
+// HEADER
+
 gsap.to("header", {
   duration: 0.5,
   backgroundColor: "rgba(0,0,0,0.1)",
@@ -120,23 +136,18 @@ gsap.to("header", {
   },
 });
 
-//////////////////////////////////////////
-// PITCH
-
-gsap.from("#pitch h1", {
+gsap.to(".header__logo", {
   duration: 0.5,
-  y: "5rem",
-  scale: 0.8,
-  opacity: 0,
-  delay: 0.75,
-  scrollTrigger: "#pitch h1",
+  opacity: "1",
+  filter: "blur(0px)",
+  scrollTrigger: {
+    trigger: "#hero-image",
+    scrub: true,
+    start: "center top", // "triggerElement page"
+    end: "bottom top", // "triggerElement page"
+  },
 });
 
-// gsap.from("#xyz", {
-//     duration: 1, drawSVG: "false",
-//     scrollTrigger: '#xyz'
-// })
-
 gsap.from("#hero-to-pitch path:first-child", {
   drawSVG: 0,
   ease: "none",
@@ -145,6 +156,51 @@ gsap.from("#hero-to-pitch path:first-child", {
     scrub: true,
     start: "top center", // "triggerElement page"
     end: "bottom center", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
+//////////////////////////////////////////
+// PITCH
+
+gsap.from("#pitch", {
+  duration: 0.5,
+  y: "5rem",
+  scale: 0.9,
+  opacity: 0,
+  //delay: 0.75,
+  scrollTrigger: {
+    trigger: "#pitch",
+    start: "top center", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
+//////////////////////////////////////////
+// PRODUCTS
+
+gsap.from("#products .subsection:nth-child(1)", {
+  duration: 0.5,
+  opacity: 0,
+  outline: "1px solid rgba(255,255,255,1)",
+  //filter: "blur(10px)",
+  scrollTrigger: {
+    trigger: "#products",
+    start: "top center", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
+gsap.from("#products .subsection:nth-child(2)", {
+  duration: 0.5,
+  delay: 0.25,
+  opacity: 0,
+  outline: "1px solid rgba(255,255,255,1)",
+  //filter: "blur(10px)",
+  scrollTrigger: {
+    trigger: "#products",
+    start: "top center", // "triggerElement page"
+    toggleActions: defaultActions
   },
 });
 
@@ -181,8 +237,70 @@ gsap.from("#products-to-info path:nth-child(3)", {
   },
 });
 
+//////////////////////////////////////////
+// INFOGRAPHICS
+
+gsap.from("#infographics .subsection:nth-child(1)", {
+  duration: 0.5,
+  //y: "5rem",
+  //scale: 0.8,
+  //rotateX: 15,
+  opacity: 0,
+  //delay: 0.75,
+  outline: "1px solid rgba(255,255,255,1)",
+  //filter: "blur(10px)",
+  scrollTrigger: {
+    trigger: "#infographics .subsection:nth-child(1)",
+    start: "top center", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
+gsap.from("#infographics .subsection:nth-child(2)", {
+  duration: 0.5,
+  //y: "5rem",
+  //scale: 0.8,
+  //rotateX: 15,
+  opacity: 0,
+  //delay: 0.75,
+  outline: "1px solid rgba(255,255,255,1)",
+  //filter: "blur(10px)",
+  scrollTrigger: {
+    trigger: "#infographics .subsection:nth-child(2)",
+    start: "top center", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
+//////////////////////////////////////////
 // BITCOIN
 
+gsap.from("#bitcoin .subsection:nth-of-type(1)", {
+  duration: 1,
+  opacity: 0,
+  //outline: "1px solid rgba(255,255,255,1)",
+  filter: "blur(10px)",
+  y: "5rem",
+  scrollTrigger: {
+    trigger: "#bitcoin .subsection:nth-of-type(1)",
+    start: "top bottom", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
+gsap.from("#bitcoin .subsection:nth-of-type(2)", {
+  duration: 1,
+  opacity: 0,
+  //outline: "1px solid rgba(255,255,255,1)",
+  filter: "blur(10px)",
+  y: "-5rem",
+  scrollTrigger: {
+    trigger: "#bitcoin .subsection:nth-of-type(2)",
+    start: "top bottom", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
 function getRandomInt(min, max) {
   min = Math.ceil(min);
   max = Math.floor(max);
@@ -240,19 +358,59 @@ bitcoinServices.forEach((service) => {
   }
 });
 
-gsap.from("#bitcoin-to-be path", {
+gsap.from("#bitcoin-to-be path:first-child", {
   drawSVG: 0,
   ease: "none",
   scrollTrigger: {
-    trigger: "#bitcoin-to-be path",
+    trigger: "#bitcoin-to-be",
     scrub: true,
     start: "top center",
     end: "bottom center",
   },
 });
 
+//////////////////////////////////////////
 // BE YOUR OWN
 
+gsap.from("#be-your-own h1", {
+  duration: 0.5,
+  y: "5rem",
+  //scale: 0.8,
+  opacity: 0,
+  //delay: 0.75,
+  scrollTrigger: {
+    trigger: "#be-your-own",
+    start: "top center", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
+
+gsap.from("#be-your-own p", {
+  duration: .5,
+  y: "5rem",
+  filter: "blur(10px)",
+  opacity: 0,
+  //delay: 0.75,
+  scrollTrigger: {
+    trigger: "#be-your-own h1",
+    start: "top center", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
+gsap.from("#be-your-own #ticker", {
+  duration: 1.5,
+  filter: "blur(20px)",
+  opacity: 0,
+  //delay: 0.75,
+  scrollTrigger: {
+    trigger: "#be-your-own #ticker",
+    start: "top center", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
 let pseudoserviceArray = gsap.utils.toArray(".pseudoservice"),
   next = 3, // time to change
   itemHeight = document
@@ -275,6 +433,7 @@ function crossfade() {
   var action = gsap
     .timeline()
     .to(pseudoserviceArray, {
+      id: "thunk",
       y: "-=" + itemHeight,
       duration: 1,
       ease: kerplunk2,
@@ -306,6 +465,14 @@ function crossfade() {
 // start the crossfade after next = 3 sec
 gsap.delayedCall(next, crossfade);
 
+document.querySelector(".services").addEventListener("mouseenter", pauseThunk);
+// TODO: pause not working - Id not found
+function pauseThunk () {
+    console.log('asfd')
+    gsap.getById("thunk").kill();
+}
+
+
 // CAROUSEL
 
 var slideDelay = 1.5;
@@ -353,10 +520,10 @@ nextButton.addEventListener("click", function () {
   animateSlides(-1);
 });
 
-function updateDraggable() {
-  slideAnimation.kill();
-  this.update();
-}
+// function updateDraggable() {
+//   slideAnimation.kill();
+//   this.update();
+// }
 
 function animateSlides(direction) {
   slideAnimation.kill();
@@ -396,19 +563,6 @@ function resize() {
   slideAnimation.progress(1);
 }
 
-
-
-gsap.from("#bitcoin-to-be path", {
-  drawSVG: 0,
-  ease: "none",
-  scrollTrigger: {
-    trigger: "#bitcoin-to-be path",
-    scrub: true,
-    start: "top center",
-    end: "bottom center",
-  },
-});
-
 gsap.from("#be-to-powered path", {
   drawSVG: 0,
   ease: "none",
@@ -420,6 +574,49 @@ gsap.from("#be-to-powered path", {
   },
 });
 
+//////////////////////////////////////////
+// POWERED
+
+gsap.from("#powered-by h1", {
+  duration: 0.5,
+  y: "-5rem",
+  //scale: 0.8,
+  opacity: 0,
+  //delay: 0.75,
+  scrollTrigger: {
+    trigger: "#powered-by h1",
+    start: "top center", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
+
+gsap.from("#powered-by p", {
+  duration: .5,
+  //y: "-10rem",
+  filter: "blur(10px)",
+  opacity: 0,
+  //delay: 0.75,
+  scrollTrigger: {
+    trigger: "#powered-by h1",
+    start: "top center", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
+gsap.from("#powered-by svg", {
+  duration: 1,
+  //y: "-10rem",
+  filter: "blur(20px)",
+  opacity: 0,
+  //delay: 0.75,
+  scrollTrigger: {
+    trigger: "#powered-by svg",
+    start: "top center", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
 gsap.from("#powered-to-support path", {
   drawSVG: 0,
   ease: "none",
@@ -431,6 +628,25 @@ gsap.from("#powered-to-support path", {
   },
 });
 
+//////////////////////////////////////////
+// SUPPORT
+
+gsap.from("#support", {
+  duration: 0.5,
+  //y: "5rem",
+  //scale: 0.8,
+  //rotateX: 15,
+  opacity: 0,
+  //delay: 0.75,
+  outline: "1px solid rgba(255,255,255,1)",
+  //filter: "blur(10px)",
+  scrollTrigger: {
+    trigger: "#support",
+    start: "top center", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
 gsap.from("#support-to-dev path", {
   drawSVG: 0,
   ease: "none",
@@ -442,6 +658,57 @@ gsap.from("#support-to-dev path", {
   },
 });
 
+//////////////////////////////////////////
+// DEV
+
+gsap.from("#dev", {
+  duration: 0.5,
+  //y: "5rem",
+  scale: 0.8,
+  //rotateX: 15,
+  opacity: 0,
+  //delay: 0.75,
+  //outline: "1px solid rgba(255,255,255,1)",
+  filter: "blur(10px)",
+  scrollTrigger: {
+    trigger: "#dev",
+    start: "top center", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
+gsap.from("#dev .col:nth-child(1)", {
+  duration: 0.5,
+  x: "5rem",
+  //scale: 0.8,
+  //rotateX: 15,
+  opacity: 0,
+  delay: 0.5,
+  //outline: "1px solid rgba(255,255,255,1)",
+  filter: "blur(10px)",
+  scrollTrigger: {
+    trigger: "#dev",
+    start: "top center", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
+gsap.from("#dev .col:nth-child(2)", {
+  duration: 0.5,
+  x: "-5rem",
+  scale: 0.5,
+  //rotateX: 15,
+  opacity: 0,
+  delay: .75,
+  //outline: "1px solid rgba(255,255,255,1)",
+  filter: "blur(10px)",
+  scrollTrigger: {
+    trigger: "#dev",
+    start: "top center", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
+
 gsap.from("#dev-to-contact path", {
   drawSVG: 0,
   ease: "none",
@@ -453,7 +720,24 @@ gsap.from("#dev-to-contact path", {
   },
 });
 
+//////////////////////////////////////////
+// CONTACT
 
+gsap.from("#community", {
+  duration: 0.5,
+  //y: "5rem",
+  scale: 0.8,
+  //rotateX: 15,
+  opacity: 0,
+  //delay: 0.75,
+  //outline: "1px solid rgba(255,255,255,1)",
+  filter: "blur(10px)",
+  scrollTrigger: {
+    trigger: "#community",
+    start: "top center", // "triggerElement page"
+    toggleActions: defaultActions
+  },
+});
 
 //Librarys
 
diff --git a/src/assets/styles/be-your-own.scss b/src/assets/styles/be-your-own.scss
index 785ab4c..1f7cdf3 100644
--- a/src/assets/styles/be-your-own.scss
+++ b/src/assets/styles/be-your-own.scss
@@ -4,7 +4,7 @@
   align-items: center;
   gap: 6rem;
   //margin: 0 0 6rem 0;
-  padding: 0 6rem 6rem 6rem;
+  padding: 0 6rem 0 6rem;
   box-sizing: border-box;
   width: 100%;
 
@@ -67,6 +67,7 @@
       }
 
       .services{
+        display: none;
         position: absolute;
         top: calc(3 * var(--line));
         background-color: #353535;
diff --git a/src/assets/styles/bitcoin.scss b/src/assets/styles/bitcoin.scss
index 158b9e7..d89f737 100644
--- a/src/assets/styles/bitcoin.scss
+++ b/src/assets/styles/bitcoin.scss
@@ -61,10 +61,13 @@ section#bitcoin {
   }
 
   .subsection:first-of-type {
+    display: flex;
+    flex-direction: column;
     place-self: flex-start;
     margin-bottom: 6rem;
+    align-items: flex-start;
   }
-  .subsection:last-of-type {
+  .subsection:nth-of-type(2) {
     place-self: flex-end;
     display: flex;
     flex-direction: column;
@@ -75,13 +78,6 @@ section#bitcoin {
     }
   }
 
-  a.btn {
-    background-color: var(--c-1);
-    color: var(--c-6);
-    border-color: var(--c-6);
-    font-size: 1.2rem;
-  }
-
   #flying-icons{
     position: absolute;
     top: 0;
@@ -89,6 +85,7 @@ section#bitcoin {
     right: 0;
     bottom: 0;
     overflow: hidden;
+    pointer-events: none;
   }
 
   .service-icon {
@@ -101,62 +98,69 @@ section#bitcoin {
     mix-blend-mode: soft-light;
     box-shadow: 0 37px 50px rgb(0 0 0 / 20%);
 
-    &.service-icon--spectre {
-      background-color: var(--c-1);
-    }
-
-    &.service-icon--electrs {
-      background-color: var(--c-1);
-      padding: 1rem;
-    }
-
     &.service-icon--balanceofsatoshis {
       width: 5rem;
+      z-index: -8;
     }
     &.service-icon--bitcoind {
-      width: auto;
+      width: 15rem;
     }
     &.service-icon--btc-rpc-proxy {
       width: 9rem;
+      z-index: -4;
     }
-    &.service-icon--btcpay-server {
+    &.service-icon--btcpayserver {
       width: 6rem;
+      z-index: -7;
     }
     &.service-icon--c-lightning {
-      width: auto;
+      width: 15rem;
     }
     &.service-icon--electrs {
-      width: 7rem;
+      width: 7rem;      
+      background-color: var(--c-1);
+      padding: 1rem;
+      z-index: -6;
     }
     &.service-icon--lightning-jet {
       width: 6rem;
+      z-index: -7;
     }
     &.service-icon--lnd {
       width: 10rem;
+      z-index: -3;
     }
     &.service-icon--lightning-terminal {
       width: 7rem;
+      z-index: -6;
     }
     &.service-icon--lndg {
       width: 9rem;
+      z-index: -4;
     }
     &.service-icon--mempool {
       width: 8rem;
+      z-index: -5;
     }
     &.service-icon--ride-the-lightning {
       width: 8rem;
+      z-index: -5;
     }
     &.service-icon--spark-wallet {
       width: 7rem;
+      z-index: -6;
     }
     &.service-icon--specter {
       width: 5rem;
+      z-index: -8;
     }
     &.service-icon--sphinx-relay {
       width: 6rem;
+      z-index: -7;
     }
     &.service-icon--thunderhub {
       width: 5rem;
+      z-index: -8;
     }
   }
 }
diff --git a/src/assets/styles/community.scss b/src/assets/styles/community.scss
index a39a2b0..42715ba 100644
--- a/src/assets/styles/community.scss
+++ b/src/assets/styles/community.scss
@@ -2,7 +2,8 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  min-height: calc(100vh - 2 * var(--section-padding));
+  //min-height: calc(100vh - 2 * var(--section-padding));
+  margin-bottom: 12rem;
 
   input[type="email"] {
     width: 31ch;
diff --git a/src/assets/styles/dev.scss b/src/assets/styles/dev.scss
index a80d2f5..d5b62dd 100644
--- a/src/assets/styles/dev.scss
+++ b/src/assets/styles/dev.scss
@@ -3,7 +3,7 @@
   flex-direction: column;
   align-items: center;
   //min-height: calc(100vh - 2 * var(--section-padding));
-  padding: var(--section-padding) 6rem;
+  padding: 0 6rem;
   h2{
     margin: 0;
     text-align: center;
diff --git a/src/assets/styles/fonts.scss b/src/assets/styles/fonts.scss
index f184d11..db56629 100644
--- a/src/assets/styles/fonts.scss
+++ b/src/assets/styles/fonts.scss
@@ -1,689 +1,2 @@
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-1700Bold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-1700Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-1500Medium.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-1500Medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-1600Semibold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-1600Semibold.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 1500';
-    src: url('../fonts/TuskerGrotesk-1500Medium.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-1500Medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 1600';
-    src: url('../fonts/TuskerGrotesk-1600Semibold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-1600Semibold.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 1800 Super';
-    src: url('../fonts/TuskerGrotesk-1800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-1800Super.woff') format('woff');
-    font-weight: 900;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-1800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-1800Super.woff') format('woff');
-    font-weight: 800;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-2600Semibold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-2600Semibold.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 1700';
-    src: url('../fonts/TuskerGrotesk-1700Bold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-1700Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-2500Medium.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-2500Medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-3500Medium.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-3500Medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-3600Semibold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-3600Semibold.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-2800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-2800Super.woff') format('woff');
-    font-weight: 800;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 2800 Super';
-    src: url('../fonts/TuskerGrotesk-2800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-2800Super.woff') format('woff');
-    font-weight: 900;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 2600';
-    src: url('../fonts/TuskerGrotesk-2600Semibold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-2600Semibold.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 2700';
-    src: url('../fonts/TuskerGrotesk-2700Bold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-2700Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 2500';
-    src: url('../fonts/TuskerGrotesk-2500Medium.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-2500Medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-2700Bold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-2700Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 3600';
-    src: url('../fonts/TuskerGrotesk-3600Semibold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-3600Semibold.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-3800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-3800Super.woff') format('woff');
-    font-weight: 800;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 3500';
-    src: url('../fonts/TuskerGrotesk-3500Medium.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-3500Medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-3700Bold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-3700Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 3700';
-    src: url('../fonts/TuskerGrotesk-3700Bold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-3700Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-4700Bold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-4700Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 4600';
-    src: url('../fonts/TuskerGrotesk-4600Semibold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-4600Semibold.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-4500Medium.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-4500Medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 4500';
-    src: url('../fonts/TuskerGrotesk-4500Medium.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-4500Medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-4600Semibold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-4600Semibold.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 3800 Super';
-    src: url('../fonts/TuskerGrotesk-3800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-3800Super.woff') format('woff');
-    font-weight: 900;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 4700';
-    src: url('../fonts/TuskerGrotesk-4700Bold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-4700Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-4800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-4800Super.woff') format('woff');
-    font-weight: 800;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-5500Medium.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-5500Medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-5800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-5800Super.woff') format('woff');
-    font-weight: 800;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 5600';
-    src: url('../fonts/TuskerGrotesk-5600Semibold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-5600Semibold.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-5700Bold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-5700Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 5500';
-    src: url('../fonts/TuskerGrotesk-5500Medium.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-5500Medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 4800 Super';
-    src: url('../fonts/TuskerGrotesk-4800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-4800Super.woff') format('woff');
-    font-weight: 900;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-5600Semibold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-5600Semibold.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-6600Semibold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-6600Semibold.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-6700Bold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-6700Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-6800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-6800Super.woff') format('woff');
-    font-weight: 800;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 5700';
-    src: url('../fonts/TuskerGrotesk-5700Bold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-5700Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 6600';
-    src: url('../fonts/TuskerGrotesk-6600Semibold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-6600Semibold.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 5800 Super';
-    src: url('../fonts/TuskerGrotesk-5800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-5800Super.woff') format('woff');
-    font-weight: 900;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 6500';
-    src: url('../fonts/TuskerGrotesk-6500Medium.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-6500Medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-6500Medium.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-6500Medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 6700';
-    src: url('../fonts/TuskerGrotesk-6700Bold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-6700Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 7600';
-    src: url('../fonts/TuskerGrotesk-7600Semibold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-7600Semibold.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 6800 Super';
-    src: url('../fonts/TuskerGrotesk-6800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-6800Super.woff') format('woff');
-    font-weight: 900;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-7700Bold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-7700Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-7600Semibold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-7600Semibold.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-7800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-7800Super.woff') format('woff');
-    font-weight: 800;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-8800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-8800Super.woff') format('woff');
-    font-weight: 800;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 8700';
-    src: url('../fonts/TuskerGrotesk-8700Bold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-8700Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-8700Bold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-8700Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 7700';
-    src: url('../fonts/TuskerGrotesk-7700Bold.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-7700Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 7800 Super';
-    src: url('../fonts/TuskerGrotesk-7800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-7800Super.woff') format('woff');
-    font-weight: 900;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 9800 Super';
-    src: url('../fonts/TuskerGrotesk-9800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-9800Super.woff') format('woff');
-    font-weight: 900;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk';
-    src: url('../fonts/TuskerGrotesk-9800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-9800Super.woff') format('woff');
-    font-weight: 900;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Tusker Grotesk 8800 Super';
-    src: url('../fonts/TuskerGrotesk-8800Super.woff2') format('woff2'),
-        url('../fonts/TuskerGrotesk-8800Super.woff') format('woff');
-    font-weight: 900;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'chonk';
-    src: url('3602ChonkWeb-Regular.woff2') format('woff2'),
-        url('3602ChonkWeb-Regular.woff') format('woff');
-    font-weight: 400;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'chonk';
-    src: url('3602ChonkWeb-Regular.woff2') format('woff2'),
-        url('3602ChonkWeb-Regular.woff') format('woff');
-    font-weight: 300;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Basis Grotesque Pro';
-    font-weight: 300;
-    font-style: normal;
-    src: url('../fonts/BasisGrotesquePro-Light.eot');
-    src: url('../fonts/BasisGrotesquePro-Light.eot?#iefix') format('embedded-opentype'),
-      url('../fonts/BasisGrotesquePro-Light.woff2') format('woff2'),
-      url('../fonts/BasisGrotesquePro-Light.woff') format('woff'),
-      url('../fonts/BasisGrotesquePro-Light.ttf') format('truetype'),
-      url('../fonts/BasisGrotesquePro-Light.svg#BasisGrotesquePro-Light') format('svg');
-  }
-  
-  @font-face {
-    font-family: 'Basis Grotesque Pro';
-    font-weight: normal;
-    font-style: normal;
-    src: url('../fonts/BasisGrotesquePro-Regular.eot');
-    src: url('../fonts/BasisGrotesquePro-Regular.eot?#iefix') format('embedded-opentype'),
-      url('../fonts/BasisGrotesquePro-Regular.woff2') format('woff2'),
-      url('../fonts/BasisGrotesquePro-Regular.woff') format('woff'),
-      url('../fonts/BasisGrotesquePro-Regular.ttf') format('truetype'),
-      url('../fonts/BasisGrotesquePro-Regular.svg#BasisGrotesquePro-Regular') format('svg');
-  }
-  
-  @font-face {
-    font-family: 'Basis Grotesque Pro';
-    font-weight: bold;
-    font-style: normal;
-    src: url('../fonts/BasisGrotesquePro-Bold.eot');
-    src: url('../fonts/BasisGrotesquePro-Bold.eot?#iefix') format('embedded-opentype'),
-      url('../fonts/BasisGrotesquePro-Bold.woff2') format('woff2'),
-      url('../fonts/BasisGrotesquePro-Bold.woff') format('woff'),
-      url('../fonts/BasisGrotesquePro-Bold.ttf') format('truetype'),
-      url('../fonts/BasisGrotesquePro-Bold.svg#BasisGrotesquePro-Bold') format('svg');
-  }
-
-  @font-face {
-    font-family: 'Basis Grotesque Mono Pro';
-    src: url('../fonts/BasisGrotesqueMonoPro-It.eot');
-    src: local('../fonts/Basis Grotesque Mono Pro Italic'), local('../fonts/BasisGrotesqueMonoPro-It'),
-        url('../fonts/BasisGrotesqueMonoPro-It.eot?#iefix') format('embedded-opentype'),
-        url('../fonts/BasisGrotesqueMonoPro-It.woff2') format('woff2'),
-        url('../fonts/BasisGrotesqueMonoPro-It.woff') format('woff'),
-        url('../fonts/BasisGrotesqueMonoPro-It.ttf') format('truetype');
-    font-weight: normal;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Basis Grotesque Mono Pro';
-    src: url('../fonts/BasisGrotesqueMonoPro-LightIt.eot');
-    src: local('../fonts/Basis Grotesque Mono Pro Light Italic'), local('../fonts/BasisGrotesqueMonoPro-LightIt'),
-        url('../fonts/BasisGrotesqueMonoPro-LightIt.eot?#iefix') format('embedded-opentype'),
-        url('../fonts/BasisGrotesqueMonoPro-LightIt.woff2') format('woff2'),
-        url('../fonts/BasisGrotesqueMonoPro-LightIt.woff') format('woff'),
-        url('../fonts/BasisGrotesqueMonoPro-LightIt.ttf') format('truetype');
-    font-weight: 300;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Basis Grotesque Mono Pro';
-    src: url('../fonts/BasisGrotesqueMonoPro-MediumIt.eot');
-    src: local('../fonts/Basis Grotesque Mono Pro Medium Italic'), local('../fonts/BasisGrotesqueMonoPro-MediumIt'),
-        url('../fonts/BasisGrotesqueMonoPro-MediumIt.eot?#iefix') format('embedded-opentype'),
-        url('../fonts/BasisGrotesqueMonoPro-MediumIt.woff2') format('woff2'),
-        url('../fonts/BasisGrotesqueMonoPro-MediumIt.woff') format('woff'),
-        url('../fonts/BasisGrotesqueMonoPro-MediumIt.ttf') format('truetype');
-    font-weight: 500;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Basis Grotesque Mono Pro';
-    src: url('../fonts/BasisGrotesqueMonoPro-Bold.eot');
-    src: local('../fonts/Basis Grotesque Mono Pro Bold'), local('../fonts/BasisGrotesqueMonoPro-Bold'),
-        url('../fonts/BasisGrotesqueMonoPro-Bold.eot?#iefix') format('embedded-opentype'),
-        url('../fonts/BasisGrotesqueMonoPro-Bold.woff2') format('woff2'),
-        url('../fonts/BasisGrotesqueMonoPro-Bold.woff') format('woff'),
-        url('../fonts/BasisGrotesqueMonoPro-Bold.ttf') format('truetype');
-    font-weight: bold;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Basis Grotesque Mono Pro';
-    src: url('../fonts/BasisGrotesqueMonoPro-BoldIt.eot');
-    src: local('../fonts/Basis Grotesque Mono Pro Bold Italic'), local('../fonts/BasisGrotesqueMonoPro-BoldIt'),
-        url('../fonts/BasisGrotesqueMonoPro-BoldIt.eot?#iefix') format('embedded-opentype'),
-        url('../fonts/BasisGrotesqueMonoPro-BoldIt.woff2') format('woff2'),
-        url('../fonts/BasisGrotesqueMonoPro-BoldIt.woff') format('woff'),
-        url('../fonts/BasisGrotesqueMonoPro-BoldIt.ttf') format('truetype');
-    font-weight: bold;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'Basis Grotesque Mono Pro';
-    src: url('../fonts/BasisGrotesqueMonoPro-Light.eot');
-    src: local('../fonts/Basis Grotesque Mono Pro Light'), local('../fonts/BasisGrotesqueMonoPro-Light'),
-        url('../fonts/BasisGrotesqueMonoPro-Light.eot?#iefix') format('embedded-opentype'),
-        url('../fonts/BasisGrotesqueMonoPro-Light.woff2') format('woff2'),
-        url('../fonts/BasisGrotesqueMonoPro-Light.woff') format('woff'),
-        url('../fonts/BasisGrotesqueMonoPro-Light.ttf') format('truetype');
-    font-weight: 300;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Basis Grotesque Mono Pro';
-    src: url('../fonts/BasisGrotesqueMonoPro-Medium.eot');
-    src: local('../fonts/Basis Grotesque Mono Pro Medium'), local('../fonts/BasisGrotesqueMonoPro-Medium'),
-        url('../fonts/BasisGrotesqueMonoPro-Medium.eot?#iefix') format('embedded-opentype'),
-        url('../fonts/BasisGrotesqueMonoPro-Medium.woff2') format('woff2'),
-        url('../fonts/BasisGrotesqueMonoPro-Medium.woff') format('woff'),
-        url('../fonts/BasisGrotesqueMonoPro-Medium.ttf') format('truetype');
-    font-weight: 500;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Basis Grotesque Mono Pro';
-    src: url('../fonts/BasisGrotesqueMonoPro-Regular.eot');
-    src: local('../fonts/Basis Grotesque Mono Pro Regular'), local('../fonts/BasisGrotesqueMonoPro-Regular'),
-        url('../fonts/BasisGrotesqueMonoPro-Regular.eot?#iefix') format('embedded-opentype'),
-        url('../fonts/BasisGrotesqueMonoPro-Regular.woff2') format('woff2'),
-        url('../fonts/BasisGrotesqueMonoPro-Regular.woff') format('woff'),
-        url('../fonts/BasisGrotesqueMonoPro-Regular.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
\ No newline at end of file
+@import 'fonts/montserrat';
+@import 'fonts/basis';
\ No newline at end of file
diff --git a/src/assets/styles/fonts/basis.scss b/src/assets/styles/fonts/basis.scss
new file mode 100644
index 0000000..f1fa3e4
--- /dev/null
+++ b/src/assets/styles/fonts/basis.scss
@@ -0,0 +1,149 @@
+@font-face {
+    font-family: 'chonk';
+    src: url('3602ChonkWeb-Regular.woff2') format('woff2'),
+        url('3602ChonkWeb-Regular.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'chonk';
+    src: url('3602ChonkWeb-Regular.woff2') format('woff2'),
+        url('3602ChonkWeb-Regular.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Basis Grotesque Pro';
+    font-weight: 300;
+    font-style: normal;
+    src: url('../fonts/BasisGrotesquePro-Light.eot');
+    src: url('../fonts/BasisGrotesquePro-Light.eot?#iefix') format('embedded-opentype'),
+      url('../fonts/BasisGrotesquePro-Light.woff2') format('woff2'),
+      url('../fonts/BasisGrotesquePro-Light.woff') format('woff'),
+      url('../fonts/BasisGrotesquePro-Light.ttf') format('truetype'),
+      url('../fonts/BasisGrotesquePro-Light.svg#BasisGrotesquePro-Light') format('svg');
+  }
+  
+  @font-face {
+    font-family: 'Basis Grotesque Pro';
+    font-weight: normal;
+    font-style: normal;
+    src: url('../fonts/BasisGrotesquePro-Regular.eot');
+    src: url('../fonts/BasisGrotesquePro-Regular.eot?#iefix') format('embedded-opentype'),
+      url('../fonts/BasisGrotesquePro-Regular.woff2') format('woff2'),
+      url('../fonts/BasisGrotesquePro-Regular.woff') format('woff'),
+      url('../fonts/BasisGrotesquePro-Regular.ttf') format('truetype'),
+      url('../fonts/BasisGrotesquePro-Regular.svg#BasisGrotesquePro-Regular') format('svg');
+  }
+  
+  @font-face {
+    font-family: 'Basis Grotesque Pro';
+    font-weight: bold;
+    font-style: normal;
+    src: url('../fonts/BasisGrotesquePro-Bold.eot');
+    src: url('../fonts/BasisGrotesquePro-Bold.eot?#iefix') format('embedded-opentype'),
+      url('../fonts/BasisGrotesquePro-Bold.woff2') format('woff2'),
+      url('../fonts/BasisGrotesquePro-Bold.woff') format('woff'),
+      url('../fonts/BasisGrotesquePro-Bold.ttf') format('truetype'),
+      url('../fonts/BasisGrotesquePro-Bold.svg#BasisGrotesquePro-Bold') format('svg');
+  }
+
+  @font-face {
+    font-family: 'Basis Grotesque Mono Pro';
+    src: url('../fonts/BasisGrotesqueMonoPro-It.eot');
+    src: local('../fonts/Basis Grotesque Mono Pro Italic'), local('../fonts/BasisGrotesqueMonoPro-It'),
+        url('../fonts/BasisGrotesqueMonoPro-It.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/BasisGrotesqueMonoPro-It.woff2') format('woff2'),
+        url('../fonts/BasisGrotesqueMonoPro-It.woff') format('woff'),
+        url('../fonts/BasisGrotesqueMonoPro-It.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Basis Grotesque Mono Pro';
+    src: url('../fonts/BasisGrotesqueMonoPro-LightIt.eot');
+    src: local('../fonts/Basis Grotesque Mono Pro Light Italic'), local('../fonts/BasisGrotesqueMonoPro-LightIt'),
+        url('../fonts/BasisGrotesqueMonoPro-LightIt.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/BasisGrotesqueMonoPro-LightIt.woff2') format('woff2'),
+        url('../fonts/BasisGrotesqueMonoPro-LightIt.woff') format('woff'),
+        url('../fonts/BasisGrotesqueMonoPro-LightIt.ttf') format('truetype');
+    font-weight: 300;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Basis Grotesque Mono Pro';
+    src: url('../fonts/BasisGrotesqueMonoPro-MediumIt.eot');
+    src: local('../fonts/Basis Grotesque Mono Pro Medium Italic'), local('../fonts/BasisGrotesqueMonoPro-MediumIt'),
+        url('../fonts/BasisGrotesqueMonoPro-MediumIt.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/BasisGrotesqueMonoPro-MediumIt.woff2') format('woff2'),
+        url('../fonts/BasisGrotesqueMonoPro-MediumIt.woff') format('woff'),
+        url('../fonts/BasisGrotesqueMonoPro-MediumIt.ttf') format('truetype');
+    font-weight: 500;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Basis Grotesque Mono Pro';
+    src: url('../fonts/BasisGrotesqueMonoPro-Bold.eot');
+    src: local('../fonts/Basis Grotesque Mono Pro Bold'), local('../fonts/BasisGrotesqueMonoPro-Bold'),
+        url('../fonts/BasisGrotesqueMonoPro-Bold.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/BasisGrotesqueMonoPro-Bold.woff2') format('woff2'),
+        url('../fonts/BasisGrotesqueMonoPro-Bold.woff') format('woff'),
+        url('../fonts/BasisGrotesqueMonoPro-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Basis Grotesque Mono Pro';
+    src: url('../fonts/BasisGrotesqueMonoPro-BoldIt.eot');
+    src: local('../fonts/Basis Grotesque Mono Pro Bold Italic'), local('../fonts/BasisGrotesqueMonoPro-BoldIt'),
+        url('../fonts/BasisGrotesqueMonoPro-BoldIt.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/BasisGrotesqueMonoPro-BoldIt.woff2') format('woff2'),
+        url('../fonts/BasisGrotesqueMonoPro-BoldIt.woff') format('woff'),
+        url('../fonts/BasisGrotesqueMonoPro-BoldIt.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Basis Grotesque Mono Pro';
+    src: url('../fonts/BasisGrotesqueMonoPro-Light.eot');
+    src: local('../fonts/Basis Grotesque Mono Pro Light'), local('../fonts/BasisGrotesqueMonoPro-Light'),
+        url('../fonts/BasisGrotesqueMonoPro-Light.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/BasisGrotesqueMonoPro-Light.woff2') format('woff2'),
+        url('../fonts/BasisGrotesqueMonoPro-Light.woff') format('woff'),
+        url('../fonts/BasisGrotesqueMonoPro-Light.ttf') format('truetype');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Basis Grotesque Mono Pro';
+    src: url('../fonts/BasisGrotesqueMonoPro-Medium.eot');
+    src: local('../fonts/Basis Grotesque Mono Pro Medium'), local('../fonts/BasisGrotesqueMonoPro-Medium'),
+        url('../fonts/BasisGrotesqueMonoPro-Medium.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/BasisGrotesqueMonoPro-Medium.woff2') format('woff2'),
+        url('../fonts/BasisGrotesqueMonoPro-Medium.woff') format('woff'),
+        url('../fonts/BasisGrotesqueMonoPro-Medium.ttf') format('truetype');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Basis Grotesque Mono Pro';
+    src: url('../fonts/BasisGrotesqueMonoPro-Regular.eot');
+    src: local('../fonts/Basis Grotesque Mono Pro Regular'), local('../fonts/BasisGrotesqueMonoPro-Regular'),
+        url('../fonts/BasisGrotesqueMonoPro-Regular.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/BasisGrotesqueMonoPro-Regular.woff2') format('woff2'),
+        url('../fonts/BasisGrotesqueMonoPro-Regular.woff') format('woff'),
+        url('../fonts/BasisGrotesqueMonoPro-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
\ No newline at end of file
diff --git a/src/assets/styles/fonts/montserrat.scss b/src/assets/styles/fonts/montserrat.scss
new file mode 100644
index 0000000..f5cd218
--- /dev/null
+++ b/src/assets/styles/fonts/montserrat.scss
@@ -0,0 +1,810 @@
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
diff --git a/src/assets/styles/fonts/tusker.scss b/src/assets/styles/fonts/tusker.scss
new file mode 100644
index 0000000..2c24c1b
--- /dev/null
+++ b/src/assets/styles/fonts/tusker.scss
@@ -0,0 +1,539 @@
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-1700Bold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-1700Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-1500Medium.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-1500Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-1600Semibold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-1600Semibold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 1500';
+    src: url('../fonts/TuskerGrotesk-1500Medium.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-1500Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 1600';
+    src: url('../fonts/TuskerGrotesk-1600Semibold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-1600Semibold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 1800 Super';
+    src: url('../fonts/TuskerGrotesk-1800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-1800Super.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-1800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-1800Super.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-2600Semibold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-2600Semibold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 1700';
+    src: url('../fonts/TuskerGrotesk-1700Bold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-1700Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-2500Medium.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-2500Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-3500Medium.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-3500Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-3600Semibold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-3600Semibold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-2800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-2800Super.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 2800 Super';
+    src: url('../fonts/TuskerGrotesk-2800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-2800Super.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 2600';
+    src: url('../fonts/TuskerGrotesk-2600Semibold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-2600Semibold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 2700';
+    src: url('../fonts/TuskerGrotesk-2700Bold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-2700Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 2500';
+    src: url('../fonts/TuskerGrotesk-2500Medium.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-2500Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-2700Bold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-2700Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 3600';
+    src: url('../fonts/TuskerGrotesk-3600Semibold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-3600Semibold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-3800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-3800Super.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 3500';
+    src: url('../fonts/TuskerGrotesk-3500Medium.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-3500Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-3700Bold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-3700Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 3700';
+    src: url('../fonts/TuskerGrotesk-3700Bold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-3700Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-4700Bold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-4700Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 4600';
+    src: url('../fonts/TuskerGrotesk-4600Semibold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-4600Semibold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-4500Medium.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-4500Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 4500';
+    src: url('../fonts/TuskerGrotesk-4500Medium.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-4500Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-4600Semibold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-4600Semibold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 3800 Super';
+    src: url('../fonts/TuskerGrotesk-3800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-3800Super.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 4700';
+    src: url('../fonts/TuskerGrotesk-4700Bold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-4700Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-4800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-4800Super.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-5500Medium.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-5500Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-5800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-5800Super.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 5600';
+    src: url('../fonts/TuskerGrotesk-5600Semibold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-5600Semibold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-5700Bold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-5700Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 5500';
+    src: url('../fonts/TuskerGrotesk-5500Medium.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-5500Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 4800 Super';
+    src: url('../fonts/TuskerGrotesk-4800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-4800Super.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-5600Semibold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-5600Semibold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-6600Semibold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-6600Semibold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-6700Bold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-6700Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-6800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-6800Super.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 5700';
+    src: url('../fonts/TuskerGrotesk-5700Bold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-5700Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 6600';
+    src: url('../fonts/TuskerGrotesk-6600Semibold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-6600Semibold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 5800 Super';
+    src: url('../fonts/TuskerGrotesk-5800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-5800Super.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 6500';
+    src: url('../fonts/TuskerGrotesk-6500Medium.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-6500Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-6500Medium.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-6500Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 6700';
+    src: url('../fonts/TuskerGrotesk-6700Bold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-6700Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 7600';
+    src: url('../fonts/TuskerGrotesk-7600Semibold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-7600Semibold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 6800 Super';
+    src: url('../fonts/TuskerGrotesk-6800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-6800Super.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-7700Bold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-7700Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-7600Semibold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-7600Semibold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-7800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-7800Super.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-8800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-8800Super.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 8700';
+    src: url('../fonts/TuskerGrotesk-8700Bold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-8700Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-8700Bold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-8700Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 7700';
+    src: url('../fonts/TuskerGrotesk-7700Bold.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-7700Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 7800 Super';
+    src: url('../fonts/TuskerGrotesk-7800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-7800Super.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 9800 Super';
+    src: url('../fonts/TuskerGrotesk-9800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-9800Super.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk';
+    src: url('../fonts/TuskerGrotesk-9800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-9800Super.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Tusker Grotesk 8800 Super';
+    src: url('../fonts/TuskerGrotesk-8800Super.woff2') format('woff2'),
+        url('../fonts/TuskerGrotesk-8800Super.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
\ No newline at end of file
diff --git a/src/assets/styles/footer.scss b/src/assets/styles/footer.scss
index d3266d2..ec0dfd4 100644
--- a/src/assets/styles/footer.scss
+++ b/src/assets/styles/footer.scss
@@ -128,4 +128,13 @@ footer{
         grid-template-columns: 1fr;
         grid-template-rows: auto;
     }
+    footer .footer__content {
+        flex-direction: column;
+        .header{
+            margin: 2.5rem 5rem;
+        }
+        .groups > li{
+            padding: 2.5rem 5rem;
+        }
+    }
   }
\ No newline at end of file
diff --git a/src/assets/styles/infographics.scss b/src/assets/styles/infographics.scss
index 9de63dd..c5e1af1 100644
--- a/src/assets/styles/infographics.scss
+++ b/src/assets/styles/infographics.scss
@@ -9,14 +9,15 @@ section#infographics{
     align-items: center;
     gap: 3rem;
     padding: 6rem;
+    outline: 1px solid rgba(255,255,255,0);
     svg{
       width: 110%;
     }
     &:first-child{
-      background-color: black;
+      
     }
     &:last-child{
-      background-color: white;
+      margin-top: 3rem;
       svg{
         width: 80%;
       }
diff --git a/src/assets/styles/landing.scss b/src/assets/styles/landing.scss
index ad33b61..4d2c19c 100644
--- a/src/assets/styles/landing.scss
+++ b/src/assets/styles/landing.scss
@@ -57,8 +57,13 @@ section {
   fill: var(--c-bkg);
 }
 
-.inverse{
-  box-shadow: rgb(0 0 0 / 60%) 0 3rem 3rem;
+[class*="section--"]{
+  box-shadow: rgb(0 0 0 / 50%) 0 3rem 3rem;
+}
+
+.section--inverse{
+  background-color: rgba(255,255,255,0.2);
+  backdrop-filter: blur(1rem);
   h1, p {
     color: var(--c-bkg);
   }
@@ -70,6 +75,16 @@ section {
   }
 }
 
+.section--subtle{
+  background-color: rgba(0,0,0,0.2);
+  backdrop-filter: blur(1rem);
+}
+
+.section--bold{
+  background-color: rgba(239,75,99,0.2);
+  backdrop-filter: blur(1rem);
+}
+
 
 
 .line svg{
@@ -165,25 +180,68 @@ p {
   em {
     font-style: normal;
     color: var(--c-text-accent);
-    font-weight: 400;
+    font-weight: 600;
   }
 }
 
-
 a.btn {
+  position: relative;
   padding: 0.4rem 2rem;
-  background-color: var(--c-text-accent);
+  transform: rotateX(10deg);
   color: var(--c-text-bright);
-  border-color: var(--c-3d-shadow);
-  border-width: 1px 1px 15px 1px;
-  border-style: solid;
+  border: 0;
   font-family: var(--f-accent);
   font-weight: 500;
   text-transform: uppercase;
   font-size: 1.6rem;
   text-decoration: none;
-}
 
+  transform-style: preserve-3d;
+
+  &:hover{
+    transform: rotateX(30deg);
+    &::before {
+      box-shadow: inset 0 1rem 1rem -0.5rem rgb(0 0 0 / 50%);
+    }
+  }
+
+  &::before {
+    content: '';
+    position: absolute;
+    background-color: var(--c-text-accent);
+    display: block;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: -1;
+    transition: var(--t-simple);
+
+  }
+  &::after {
+    content: '';
+    position: absolute;
+    background-color: var(--c-3d-shadow);
+    display: block;
+    left: 0;
+    right: 0;
+    height: 1rem;
+    z-index: -1;
+    transform: rotateX(90deg);
+    box-shadow: inset 0 0.3rem 0.5rem 0rem rgb(0 0 0 / 50%);
+  }
+
+  &.btn--subtle{
+    color: var(--c-6);
+    font-size: 1.2rem;
+    &::before {
+      background-color: white;
+    }
+    &::after {
+      background-color: #eee;
+    }
+  }
+}
 
 .nodes {
   display: flex;
diff --git a/src/assets/styles/main.scss b/src/assets/styles/main.scss
index ddd86ea..8700add 100644
--- a/src/assets/styles/main.scss
+++ b/src/assets/styles/main.scss
@@ -81,10 +81,12 @@ body{
 
 main{
     //transform: translateY(-100vh);
+    perspective: 1000px;
 }
 
 a {
     text-decoration: none;
+    transition: var(--t-simple);
 }
 
 h1, h2, h3, h4, h5 {
@@ -109,17 +111,31 @@ header{
     width: 100vw;
     z-index: 2;
     top:0;
+
+    .header__logo{
+        opacity: 0;
+        filter: blur(10px);
+        margin-top: -.9rem;
+        margin-bottom: -1rem;
+        margin-left: 1rem;
+        height: fit-content;
+        img{
+           width:8rem; 
+        }
+    }
 }
 nav{
     --padding: 1rem;
-    width: calc(100% - 2 * var(--padding) - 15px);
+    //width: calc(100% - 2 * var(--padding) - 15px);
+    width: 100vw;
+    box-sizing: border-box;
     font-family: var(--f-accent);
     font-weight: 300;
     line-height: 1;
     text-transform: uppercase;
     padding: var(--padding);
     display: flex;
-    justify-content: end;
+    justify-content: space-between;
 
     ul {
         margin: 0;
@@ -133,8 +149,14 @@ nav{
                 font-size: 1.5rem;
                 padding: 0em 0.5em 0em 0.5em;
 
+                path {
+                    fill: var(--c-text-bright);
+                    transition: var(--t-simple);
+                }
+
                 &.em{
                     background-color: var(--c-text-accent);
+                    margin-right: 1rem;
                     &:hover{
                         color: var(--c-text-accent);
                         background-color: var(--c-text-bright);
@@ -142,6 +164,9 @@ nav{
                 }
                 &:hover{
                     color: var(--c-text-accent);
+                    path {
+                        fill: var(--c-text-accent);
+                    }
                 }
             }
         }
@@ -168,6 +193,7 @@ nav{
     transform: translateX(3rem);
     //overflow: hidden;
     white-space: nowrap;
+    //margin-left: -1rem;
 }
 .closed-menu {
     //overflow: hidden;
@@ -190,4 +216,21 @@ nav{
     position: absolute;
     top: 5rem;
     opacity: .5;
+  }
+
+  @media only screen and (max-width: 500px) {
+    .header__logo img{
+        width: 11rem !important;
+    }
+    .hide-on-mobile{
+        display: none;
+    }
+    nav ul li a {
+        font-size: 2.5rem;
+    }
+  }
+
+  .image-with-shadow{
+    display: flex;
+    position: relative;
   }
\ No newline at end of file
diff --git a/src/assets/styles/peripheral.scss b/src/assets/styles/peripheral.scss
index 289b189..2ed044b 100644
--- a/src/assets/styles/peripheral.scss
+++ b/src/assets/styles/peripheral.scss
@@ -6,6 +6,11 @@ main {
   overflow-x: clip;
 }
 
+.header__logo{
+  opacity: 1 !important;
+  filter: blur(0px) !important;
+}
+
 section {
   --width: 42ch;
   --side-padding: 3rem;
diff --git a/src/assets/styles/powered-by.scss b/src/assets/styles/powered-by.scss
index df6e21c..6b22e08 100644
--- a/src/assets/styles/powered-by.scss
+++ b/src/assets/styles/powered-by.scss
@@ -2,7 +2,7 @@ section#powered-by {
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 6rem;
+  padding: 0rem 6rem 0 6rem;
   h2{
     margin: 0;
     text-align: center;
@@ -52,6 +52,27 @@ section#powered-by {
   }
   svg {
     width: 45rem;
+    max-width: calc(100vw - 12rem);
     margin-top: 6rem;
   }
+
+  a.source-link{
+    margin-top: 5rem;
+    display: flex;
+    align-items: center;
+    font-size: 2rem;
+    font-weight: 500;
+    color: var(--c-text-bright);
+    line-height: 1;
+    gap: 1rem;
+    margin-bottom: -2rem;
+    img{
+      width: 10rem;
+    }
+    span{
+      background-color: var(--c-text-accent);
+      border-radius: 999px;
+      padding: .15em .6em;
+    }
+  }
 }
\ No newline at end of file
diff --git a/src/assets/styles/products.scss b/src/assets/styles/products.scss
index 9c891aa..684fe20 100644
--- a/src/assets/styles/products.scss
+++ b/src/assets/styles/products.scss
@@ -1,9 +1,13 @@
 section#products {
+  transform-style: preserve-3d;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 0rem;
+  
   .subsection {
+    transform-style: preserve-3d;
+    position: relative;
     .product__subheader{
       font-weight: 500;
       color: var(--c-text-primary);
@@ -68,4 +72,14 @@ section#products {
       background: linear-gradient(45deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.25));
     }
   }
+  &::after{
+    content: '';
+    left:0;
+    right:0;
+    display: block;
+    background-color: blue;
+    transform: rotateX(90deg);
+    height: 4rem;
+    z-index: -1;
+  }
 }
diff --git a/src/assets/styles/support.scss b/src/assets/styles/support.scss
index 2696733..1911114 100644
--- a/src/assets/styles/support.scss
+++ b/src/assets/styles/support.scss
@@ -3,7 +3,6 @@ section#support {
   flex-direction: column;
   align-items: center;
   padding: 6rem;
-  background: var(--c-1);
   //margin-bottom: 6rem;
   .cols {
     display: flex;