From 73985219381c0edf7b3388608ab77a35898f6732 Mon Sep 17 00:00:00 2001
From: decentral1se <lukewm@riseup.net>
Date: Sun, 1 Aug 2021 10:45:51 +0200
Subject: [PATCH] Unfuck that spacing on mobile

---
 css/mobile.css | 714 +++++++++++++++++++++++++++----------------------
 index.html     |   2 +-
 2 files changed, 402 insertions(+), 314 deletions(-)

diff --git a/css/mobile.css b/css/mobile.css
index d610e25..3705e00 100644
--- a/css/mobile.css
+++ b/css/mobile.css
@@ -1,7 +1,7 @@
 /* screen - desktop */
 
 body {
-	background-color: var(--brand2) !important;
+  background-color: var(--brand2) !important;
 }
 
 .desktop {
@@ -57,48 +57,52 @@ body {
   height: 60px;
   width: 316px;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 .desktop .brand.bp3-animate-enter {
-  animation: bp3-animate-enter-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp3-animate-enter-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 @keyframes bp3-animate-enter-frames {
-  from{opacity: 0;
-transform: translate(-25px, 0);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(-25px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .desktop .menu {
   height: 27px;
-  margin-bottom: 1.0px;
+  margin-bottom: 1px;
   margin-left: 619px;
   position: relative;
   width: 325px;
   opacity: 0;
-transform: translate(25px, 0);
+  transform: translate(25px, 0);
 }
 
 .desktop .menu.bp3-animate-enter1 {
-  animation: bp3-animate-enter1-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp3-animate-enter1-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
-transform: translate(25px, 0);
+  transform: translate(25px, 0);
 }
 
 @keyframes bp3-animate-enter1-frames {
-  from{opacity: 0;
-transform: translate(25px, 0);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(25px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .desktop .about {
@@ -247,29 +251,31 @@ transform: translate(0,0);
   white-space: nowrap;
   width: 1262px;
   opacity: 0;
-transform: translate(0, 25px);
+  transform: translate(0, 25px);
 }
 
 .desktop .reclaim-hosting.bp3-animate-enter2 {
-  animation: bp3-animate-enter2-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp3-animate-enter2-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
-transform: translate(0, 25px);
+  transform: translate(0, 25px);
 }
 
 @keyframes bp3-animate-enter2-frames {
-  from{opacity: 0;
-transform: translate(0, 25px);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(0, 25px);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .desktop .hero-text-2 {
   align-self: center;
   letter-spacing: 0;
   line-height: 27px;
-  margin-left: 2.0px;
+  margin-left: 2px;
   margin-top: 20px;
   min-height: 54px;
   text-align: center;
@@ -278,15 +284,17 @@ transform: translate(0,0);
 }
 
 .desktop .hero-text-2.bp3-animate-enter3 {
-  animation: bp3-animate-enter3-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp3-animate-enter3-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
 }
 
 @keyframes bp3-animate-enter3-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .desktop .flex-row-1 {
@@ -304,22 +312,24 @@ to{opacity: 1;
   position: relative;
   width: 610px;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 .desktop .box.bp3-animate-enter4 {
-  animation: bp3-animate-enter4-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp3-animate-enter4-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 @keyframes bp3-animate-enter4-frames {
-  from{opacity: 0;
-transform: translate(-25px, 0);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(-25px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .desktop .frame-4 {
@@ -375,22 +385,24 @@ transform: translate(0,0);
   position: relative;
   width: 610px;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 .desktop .box-1.bp3-animate-enter5 {
-  animation: bp3-animate-enter5-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp3-animate-enter5-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 @keyframes bp3-animate-enter5-frames {
-  from{opacity: 0;
-transform: translate(-25px, 0);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(-25px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .desktop .icon-dove-1 {
@@ -413,15 +425,17 @@ transform: translate(0,0);
 }
 
 .desktop .text-5.bp3-animate-enter6 {
-  animation: bp3-animate-enter6-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp3-animate-enter6-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
 }
 
 @keyframes bp3-animate-enter6-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .desktop .frame-25 {
@@ -472,7 +486,7 @@ to{opacity: 1;
 
 .desktop .overlap-group-2 {
   height: 122px;
-  margin-right: 2.0px;
+  margin-right: 2px;
   margin-top: 20px;
   position: relative;
   width: 1262px;
@@ -488,22 +502,24 @@ to{opacity: 1;
   white-space: nowrap;
   width: 1262px;
   opacity: 0;
-transform: translate(0, 25px);
+  transform: translate(0, 25px);
 }
 
 .desktop .a-joint-mission.bp3-animate-enter7 {
-  animation: bp3-animate-enter7-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp3-animate-enter7-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
-transform: translate(0, 25px);
+  transform: translate(0, 25px);
 }
 
 @keyframes bp3-animate-enter7-frames {
-  from{opacity: 0;
-transform: translate(0, 25px);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(0, 25px);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .desktop .hero-text-3 {
@@ -518,15 +534,17 @@ transform: translate(0,0);
 }
 
 .desktop .hero-text-3.bp3-animate-enter8 {
-  animation: bp3-animate-enter8-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp3-animate-enter8-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
 }
 
 @keyframes bp3-animate-enter8-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .desktop .frame-20 {
@@ -534,7 +552,7 @@ to{opacity: 1;
   display: flex;
   height: 100px;
   justify-content: flex-end;
-  margin-right: 4.0px;
+  margin-right: 4px;
   margin-top: 47px;
   min-width: 433px;
 }
@@ -547,16 +565,18 @@ to{opacity: 1;
 }
 
 .desktop .logo-autonomic.bp3-animate-enter9 {
-  animation: bp3-animate-enter9-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp3-animate-enter9-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
 }
 
 @keyframes bp3-animate-enter9-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .desktop .logo-platform6 {
@@ -568,16 +588,18 @@ to{opacity: 1;
 }
 
 .desktop .logo-platform6.bp3-animate-enter10 {
-  animation: bp3-animate-enter10-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp3-animate-enter10-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
 }
 
 @keyframes bp3-animate-enter10-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .desktop .logo-wa {
@@ -590,22 +612,24 @@ to{opacity: 1;
 }
 
 .desktop .logo-wa.bp3-animate-enter11 {
-  animation: bp3-animate-enter11-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp3-animate-enter11-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
 }
 
 @keyframes bp3-animate-enter11-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .desktop .frame-21 {
   align-items: center;
   display: flex;
-  margin-right: 4.0px;
+  margin-right: 4px;
   margin-top: 20px;
   min-width: 630px;
 }
@@ -618,16 +642,18 @@ to{opacity: 1;
 }
 
 .desktop .logo-cni.bp3-animate-enter12 {
-  animation: bp3-animate-enter12-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp3-animate-enter12-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
 }
 
 @keyframes bp3-animate-enter12-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .desktop .logo-mediablaze {
@@ -640,16 +666,18 @@ to{opacity: 1;
 }
 
 .desktop .logo-mediablaze.bp3-animate-enter13 {
-  animation: bp3-animate-enter13-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp3-animate-enter13-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
 }
 
 @keyframes bp3-animate-enter13-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .desktop .frame-28 {
@@ -697,23 +725,25 @@ to{opacity: 1;
   margin-top: 20px;
   width: 321px;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 .mobile .brand.bp1-animate-enter {
-  animation: bp1-animate-enter-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp1-animate-enter-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 @keyframes bp1-animate-enter-frames {
-  from{opacity: 0;
-transform: translate(-25px, 0);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(-25px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .mobile .menu {
@@ -722,22 +752,24 @@ transform: translate(0,0);
   position: relative;
   width: 335px;
   opacity: 0;
-transform: translate(25px, 0);
+  transform: translate(25px, 0);
 }
 
 .mobile .menu.bp1-animate-enter1 {
-  animation: bp1-animate-enter1-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp1-animate-enter1-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
-transform: translate(25px, 0);
+  transform: translate(25px, 0);
 }
 
 @keyframes bp1-animate-enter1-frames {
-  from{opacity: 0;
-transform: translate(25px, 0);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(25px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .mobile .about {
@@ -773,7 +805,7 @@ transform: translate(0,0);
 .mobile .hero-text {
   letter-spacing: 0;
   line-height: 48px;
-  margin-left: 2.0px;
+  margin-left: 2px;
   margin-top: 20px;
   min-height: 144px;
   width: 337px;
@@ -782,7 +814,7 @@ transform: translate(0,0);
 .mobile .hero-text-1 {
   letter-spacing: 0;
   line-height: 27px;
-  margin-left: 2.0px;
+  margin-left: 2px;
   margin-top: 20px;
   min-height: 108px;
   width: 337px;
@@ -815,7 +847,7 @@ transform: translate(0,0);
 .mobile .buttons {
   align-items: flex-start;
   display: flex;
-  margin-left: 1.0px;
+  margin-left: 1px;
   margin-top: 40px;
   min-width: 286px;
 }
@@ -880,7 +912,7 @@ transform: translate(0,0);
   align-items: flex-start;
   display: flex;
   flex-direction: column;
-  margin-left: 4.0px;
+  margin-left: 4px;
   min-height: 176px;
   width: 339px;
 }
@@ -893,22 +925,24 @@ transform: translate(0,0);
   white-space: nowrap;
   width: 337px;
   opacity: 0;
-transform: translate(0, 25px);
+  transform: translate(0, 25px);
 }
 
 .mobile .reclaim-hosting.bp1-animate-enter2 {
-  animation: bp1-animate-enter2-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp1-animate-enter2-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
-transform: translate(0, 25px);
+  transform: translate(0, 25px);
 }
 
 @keyframes bp1-animate-enter2-frames {
-  from{opacity: 0;
-transform: translate(0, 25px);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(0, 25px);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .mobile .hero-text-2 {
@@ -921,15 +955,17 @@ transform: translate(0,0);
 }
 
 .mobile .hero-text-2.bp1-animate-enter3 {
-  animation: bp1-animate-enter3-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp1-animate-enter3-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
 }
 
 @keyframes bp1-animate-enter3-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .mobile .box {
@@ -940,22 +976,24 @@ to{opacity: 1;
   position: relative;
   width: 355px;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 .mobile .box.bp1-animate-enter4 {
-  animation: bp1-animate-enter4-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp1-animate-enter4-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 @keyframes bp1-animate-enter4-frames {
-  from{opacity: 0;
-transform: translate(-25px, 0);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(-25px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .mobile .frame-4 {
@@ -1002,28 +1040,30 @@ transform: translate(0,0);
   position: relative;
   width: 355px;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 .mobile .box-1.bp1-animate-enter5 {
-  animation: bp1-animate-enter5-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp1-animate-enter5-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 @keyframes bp1-animate-enter5-frames {
-  from{opacity: 0;
-transform: translate(-25px, 0);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(-25px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .mobile .text-10 {
   letter-spacing: 0;
   line-height: 24px;
-  margin-left: 2.0px;
+  margin-left: 2px;
   margin-top: 20px;
   min-height: 48px;
   text-align: center;
@@ -1032,15 +1072,17 @@ transform: translate(0,0);
 }
 
 .mobile .text-10.bp1-animate-enter6 {
-  animation: bp1-animate-enter6-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp1-animate-enter6-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
 }
 
 @keyframes bp1-animate-enter6-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .mobile .frame-25 {
@@ -1085,35 +1127,37 @@ to{opacity: 1;
 .mobile .a-joint-mission {
   letter-spacing: 0;
   line-height: 48px;
-  margin-left: 2.0px;
+  margin-left: 2px;
   margin-top: 20px;
   min-height: 48px;
   text-align: center;
   white-space: nowrap;
   width: 337px;
   opacity: 0;
-transform: translate(0, 25px);
+  transform: translate(0, 25px);
 }
 
 .mobile .a-joint-mission.bp1-animate-enter7 {
-  animation: bp1-animate-enter7-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp1-animate-enter7-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
-transform: translate(0, 25px);
+  transform: translate(0, 25px);
 }
 
 @keyframes bp1-animate-enter7-frames {
-  from{opacity: 0;
-transform: translate(0, 25px);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(0, 25px);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .mobile .hero-text-3 {
   letter-spacing: 0;
   line-height: 27px;
-  margin-left: 2.0px;
+  margin-left: 2px;
   margin-top: 20px;
   min-height: 81px;
   width: 337px;
@@ -1121,15 +1165,17 @@ transform: translate(0,0);
 }
 
 .mobile .hero-text-3.bp1-animate-enter8 {
-  animation: bp1-animate-enter8-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp1-animate-enter8-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
 }
 
 @keyframes bp1-animate-enter8-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .mobile .frame-20 {
@@ -1137,7 +1183,7 @@ to{opacity: 1;
   display: flex;
   height: 100px;
   justify-content: flex-end;
-  margin-left: 1.0px;
+  margin-left: 1px;
   margin-top: 20px;
   min-width: 334px;
 }
@@ -1150,16 +1196,18 @@ to{opacity: 1;
 }
 
 .mobile .logo-autonomic.bp1-animate-enter9 {
-  animation: bp1-animate-enter9-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp1-animate-enter9-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
 }
 
 @keyframes bp1-animate-enter9-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .mobile .logo-platform6 {
@@ -1171,16 +1219,18 @@ to{opacity: 1;
 }
 
 .mobile .logo-platform6.bp1-animate-enter10 {
-  animation: bp1-animate-enter10-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp1-animate-enter10-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
 }
 
 @keyframes bp1-animate-enter10-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .mobile .logo-wa {
@@ -1193,16 +1243,18 @@ to{opacity: 1;
 }
 
 .mobile .logo-wa.bp1-animate-enter11 {
-  animation: bp1-animate-enter11-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp1-animate-enter11-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
 }
 
 @keyframes bp1-animate-enter11-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .mobile .frame-21 {
@@ -1223,39 +1275,43 @@ to{opacity: 1;
 }
 
 .mobile .logo-cni.bp1-animate-enter12 {
-  animation: bp1-animate-enter12-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp1-animate-enter12-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
 }
 
 @keyframes bp1-animate-enter12-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .mobile .logo-mediablaze {
   align-self: center;
   display: block;
   height: 50px;
-  margin-left: 1.0px;
+  margin-left: 1px;
   margin-top: 20px;
   width: 284px;
   opacity: 0;
 }
 
 .mobile .logo-mediablaze.bp1-animate-enter13 {
-  animation: bp1-animate-enter13-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp1-animate-enter13-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
 }
 
 @keyframes bp1-animate-enter13-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .mobile .frame-28 {
@@ -1312,23 +1368,25 @@ to{opacity: 1;
   margin-right: 15.34px;
   width: 321px;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 .tablet .brand.bp2-animate-enter {
-  animation: bp2-animate-enter-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp2-animate-enter-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 @keyframes bp2-animate-enter-frames {
-  from{opacity: 0;
-transform: translate(-25px, 0);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(-25px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .tablet .menu {
@@ -1338,22 +1396,24 @@ transform: translate(0,0);
   position: relative;
   width: 686px;
   opacity: 0;
-transform: translate(25px, 0);
+  transform: translate(25px, 0);
 }
 
 .tablet .menu.bp2-animate-enter1 {
-  animation: bp2-animate-enter1-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp2-animate-enter1-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
-transform: translate(25px, 0);
+  transform: translate(25px, 0);
 }
 
 @keyframes bp2-animate-enter1-frames {
-  from{opacity: 0;
-transform: translate(25px, 0);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(25px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .tablet .about {
@@ -1389,7 +1449,7 @@ transform: translate(0,0);
 .tablet .hero-text {
   letter-spacing: 0;
   line-height: 48px;
-  margin-left: 2.0px;
+  margin-left: 2px;
   margin-top: 20px;
   min-height: 96px;
   text-align: center;
@@ -1399,7 +1459,7 @@ transform: translate(0,0);
 .tablet .hero-text-1 {
   letter-spacing: 0;
   line-height: 27px;
-  margin-left: 2.0px;
+  margin-left: 2px;
   margin-top: 19px;
   min-height: 54px;
   text-align: center;
@@ -1515,22 +1575,24 @@ transform: translate(0,0);
   white-space: nowrap;
   width: 690px;
   opacity: 0;
-transform: translate(0, 25px);
+  transform: translate(0, 25px);
 }
 
 .tablet .reclaim-hosting.bp2-animate-enter2 {
-  animation: bp2-animate-enter2-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp2-animate-enter2-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
-transform: translate(0, 25px);
+  transform: translate(0, 25px);
 }
 
 @keyframes bp2-animate-enter2-frames {
-  from{opacity: 0;
-transform: translate(0, 25px);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(0, 25px);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .tablet .hero-text-2 {
@@ -1544,15 +1606,17 @@ transform: translate(0,0);
 }
 
 .tablet .hero-text-2.bp2-animate-enter3 {
-  animation: bp2-animate-enter3-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp2-animate-enter3-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
 }
 
 @keyframes bp2-animate-enter3-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .tablet .flex-row {
@@ -1570,22 +1634,24 @@ to{opacity: 1;
   position: relative;
   width: 335px;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 .tablet .box.bp2-animate-enter4 {
-  animation: bp2-animate-enter4-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp2-animate-enter4-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 @keyframes bp2-animate-enter4-frames {
-  from{opacity: 0;
-transform: translate(-25px, 0);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(-25px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .tablet .frame-4 {
@@ -1639,22 +1705,24 @@ transform: translate(0,0);
   position: relative;
   width: 335px;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 .tablet .box-1.bp2-animate-enter5 {
-  animation: bp2-animate-enter5-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp2-animate-enter5-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
-transform: translate(-25px, 0);
+  transform: translate(-25px, 0);
 }
 
 @keyframes bp2-animate-enter5-frames {
-  from{opacity: 0;
-transform: translate(-25px, 0);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(-25px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .tablet .text-15 {
@@ -1669,15 +1737,17 @@ transform: translate(0,0);
 }
 
 .tablet .text-15.bp2-animate-enter6 {
-  animation: bp2-animate-enter6-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp2-animate-enter6-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
 }
 
 @keyframes bp2-animate-enter6-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .tablet .frame-25 {
@@ -1722,35 +1792,37 @@ to{opacity: 1;
 .tablet .a-joint-mission {
   letter-spacing: 0;
   line-height: 48px;
-  margin-left: 2.0px;
+  margin-left: 2px;
   margin-top: 20px;
   min-height: 48px;
   text-align: center;
   white-space: nowrap;
   width: 730px;
   opacity: 0;
-transform: translate(0, 25px);
+  transform: translate(0, 25px);
 }
 
 .tablet .a-joint-mission.bp2-animate-enter7 {
-  animation: bp2-animate-enter7-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp2-animate-enter7-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
-transform: translate(0, 25px);
+  transform: translate(0, 25px);
 }
 
 @keyframes bp2-animate-enter7-frames {
-  from{opacity: 0;
-transform: translate(0, 25px);
-}
-to{opacity: 1;
-transform: translate(0,0);
-}
+  from {
+    opacity: 0;
+    transform: translate(0, 25px);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
 }
 
 .tablet .hero-text-3 {
   letter-spacing: 0;
   line-height: 27px;
-  margin-left: 2.0px;
+  margin-left: 2px;
   margin-top: 20px;
   min-height: 54px;
   text-align: center;
@@ -1759,15 +1831,17 @@ transform: translate(0,0);
 }
 
 .tablet .hero-text-3.bp2-animate-enter8 {
-  animation: bp2-animate-enter8-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp2-animate-enter8-frames 0.2s ease-in-out 0s 1 normal forwards;
   opacity: 0;
 }
 
 @keyframes bp2-animate-enter8-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .tablet .frame-20 {
@@ -1787,16 +1861,18 @@ to{opacity: 1;
 }
 
 .tablet .logo-autonomic.bp2-animate-enter9 {
-  animation: bp2-animate-enter9-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp2-animate-enter9-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
 }
 
 @keyframes bp2-animate-enter9-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .tablet .logo-platform6 {
@@ -1808,16 +1884,18 @@ to{opacity: 1;
 }
 
 .tablet .logo-platform6.bp2-animate-enter10 {
-  animation: bp2-animate-enter10-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp2-animate-enter10-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
 }
 
 @keyframes bp2-animate-enter10-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .tablet .logo-wa {
@@ -1830,16 +1908,18 @@ to{opacity: 1;
 }
 
 .tablet .logo-wa.bp2-animate-enter11 {
-  animation: bp2-animate-enter11-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp2-animate-enter11-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
 }
 
 @keyframes bp2-animate-enter11-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .tablet .frame-21 {
@@ -1857,16 +1937,18 @@ to{opacity: 1;
 }
 
 .tablet .logo-cni.bp2-animate-enter12 {
-  animation: bp2-animate-enter12-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp2-animate-enter12-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
 }
 
 @keyframes bp2-animate-enter12-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .tablet .logo-mediablaze {
@@ -1879,16 +1961,18 @@ to{opacity: 1;
 }
 
 .tablet .logo-mediablaze.bp2-animate-enter13 {
-  animation: bp2-animate-enter13-frames 0.20s ease-in-out 0.00s 1 normal forwards;
+  animation: bp2-animate-enter13-frames 0.2s ease-in-out 0s 1 normal forwards;
   display: block;
   opacity: 0;
 }
 
 @keyframes bp2-animate-enter13-frames {
-  from{opacity: 0;
-}
-to{opacity: 1;
-}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 .tablet .frame-28 {
@@ -1910,26 +1994,30 @@ to{opacity: 1;
   width: 690px;
 }
 @media screen and (max-width: 767px) {
-  .screen.desktop { 
+  .screen.desktop {
     display: none;
-   }
-  .screen.tablet { 
+  }
+  .screen.tablet {
     display: none;
-   }
+  }
 }
 @media screen and (min-width: 768px) and (max-width: 1279px) {
-  .screen.desktop { 
+  .screen.desktop {
     display: none;
-   }
-  .screen.mobile { 
+  }
+  .screen.mobile {
     display: none;
-   }
+  }
 }
 @media screen and (min-width: 1280px) {
-  .screen.mobile { 
+  .screen.mobile {
     display: none;
-   }
-  .screen.tablet { 
+  }
+  .screen.tablet {
     display: none;
-   }
+  }
+}
+
+.reclaiming-text {
+  margin-bottom: 20px !important;
 }
diff --git a/index.html b/index.html
index 1c81178..a3f9d99 100644
--- a/index.html
+++ b/index.html
@@ -268,7 +268,7 @@
               infrastructure
             </div>
             <div
-              class="hero-text-2 liberationsans-bold-black-18px bp1-animate-enter3"
+              class="hero-text-2 liberationsans-bold-black-18px bp1-animate-enter3 reclaiming-text"
             >
               Our goal is to support an emerging ecosystem of grassroots,
               decentralised server hosting providers by stewarding a technical