From afd629a5afa18b1c7ba268ef8b0bd12df352a8d9 Mon Sep 17 00:00:00 2001
From: daniel31x13 <daniel31x13@gmail.com>
Date: Fri, 26 Apr 2024 14:21:50 -0400
Subject: [PATCH] improvements

---
 components/Homepage/Showcase.tsx          |  18 +-
 components/Homepage/useCases/UseCases.tsx |   2 +-
 components/SVGShowcase.tsx                | 846 +++++++++++-----------
 components/ShortenedFeatures.tsx          |   2 +-
 styles/globals.css                        |   6 +-
 5 files changed, 431 insertions(+), 443 deletions(-)

diff --git a/components/Homepage/Showcase.tsx b/components/Homepage/Showcase.tsx
index 7f69f97..6a19893 100644
--- a/components/Homepage/Showcase.tsx
+++ b/components/Homepage/Showcase.tsx
@@ -53,9 +53,7 @@ export default function Showcase() {
       </div>
 
       <SVGShowcase
-        className={`absolute -mt-[7rem] sm:-mt-[12rem] md:-mt-[15rem] lg:-mt-[18rem] min-[1200px]:-mt-[22rem] svg-hero-gradient ${
-          isSafari ? "opacity-60" : ""
-        }`}
+        className={`absolute -mt-[7rem] sm:-mt-[12rem] md:-mt-[15rem] lg:-mt-[18rem] min-[1200px]:-mt-[22rem] opacity-80 bg-gradient-radial from-[#289DF230] from-20% via-[#6F30D830] to-70% to-transparent`}
       />
 
       <div
@@ -79,18 +77,18 @@ export default function Showcase() {
       </div>
 
       <div className="p-5">
-        <p className="text-center text-2xl max-w-sm mx-auto">
+        <p className="text-center sm:text-2xl text-xl max-w-sm mx-auto">
           Loved by thousands at the world&apos;s most innovative companies
         </p>
 
-        <div className="flex w-full flex-wrap items-center justify-center gap-10 mt-10 max-w-5xl mx-auto">
+        <div className="grid md:grid-cols-5 grid-cols-3 items-center mt-10 max-w-5xl mx-auto md:w-3/4 w-5/6 gap-10">
           <Image
             src="./company-logos/microsoft.png"
             width={638}
             height={136}
             alt=""
             draggable={false}
-            className="invert sm:w-1/6 w-2/6 opacity-50"
+            className="invert opacity-50"
             onLoad={() => setImageLoaded(true)}
             style={{ objectFit: "contain" }}
           />
@@ -100,7 +98,7 @@ export default function Showcase() {
             height={156}
             alt=""
             draggable={false}
-            className="invert sm:w-[13%] w-[26%] opacity-50"
+            className="invert opacity-50 w-3/4 justify-self-center"
             onLoad={() => setImageLoaded(true)}
             style={{ objectFit: "contain" }}
           />
@@ -110,7 +108,7 @@ export default function Showcase() {
             height={143}
             alt=""
             draggable={false}
-            className="invert sm:w-[13%] w-[26%] opacity-50 mt-3"
+            className="invert opacity-50 mt-3 w-3/4 justify-self-center"
             onLoad={() => setImageLoaded(true)}
             style={{ objectFit: "contain" }}
           />
@@ -120,7 +118,7 @@ export default function Showcase() {
             height={119}
             alt=""
             draggable={false}
-            className="invert sm:w-1/6 w-2/6 opacity-50"
+            className="invert opacity-50 hidden md:block"
             onLoad={() => setImageLoaded(true)}
             style={{ objectFit: "contain" }}
           />
@@ -130,7 +128,7 @@ export default function Showcase() {
             height={134}
             alt=""
             draggable={false}
-            className="invert sm:w-1/6 w-2/6 opacity-50"
+            className="invert opacity-50 hidden md:block"
             onLoad={() => setImageLoaded(true)}
             style={{ objectFit: "contain" }}
           />
diff --git a/components/Homepage/useCases/UseCases.tsx b/components/Homepage/useCases/UseCases.tsx
index 98da3ae..14d7ade 100644
--- a/components/Homepage/useCases/UseCases.tsx
+++ b/components/Homepage/useCases/UseCases.tsx
@@ -79,7 +79,7 @@ export default function UseCases() {
                 </div>
               </Tab>
             </Tab.List>
-            <Tab.Panels>
+            <Tab.Panels className="min-h-[14rem]">
               <Tab.Panel className="w-full flex flex-row-reverse mb-3">
                 <div className="grid grid-cols-2 gap-4 w-full">
                   <div className="flex w-full gap-2 items-center">
diff --git a/components/SVGShowcase.tsx b/components/SVGShowcase.tsx
index 3aef4e6..ae66ac4 100644
--- a/components/SVGShowcase.tsx
+++ b/components/SVGShowcase.tsx
@@ -10,13 +10,12 @@ type Props = {
 const SVGBackgound = (props: Props) => {
   return (
     <svg
-      viewBox="0 0 1920 1344"
+      className={props.className}
+      viewBox="0 0 1920 1342"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      className={props.className}
     >
-      <g clipPath="url(#clip0_160_2)">
-        <rect width="1920" height="1344" fill="url(#paint0_radial_160_2)" />
+      <g clip-path="url(#clip0_160_2)">
         <mask
           id="mask0_160_2"
           style={{ maskType: "luminance" }}
@@ -24,1030 +23,1030 @@ const SVGBackgound = (props: Props) => {
           x="0"
           y="0"
           width="1920"
-          height="1344"
+          height="1342"
         >
-          <path d="M1920 0H0V1344H1920V0Z" fill="url(#paint1_radial_160_2)" />
+          <path d="M1920 0H0V1342H1920V0Z" fill="url(#paint0_radial_160_2)" />
         </mask>
         <g mask="url(#mask0_160_2)">
           <path
-            d="M113.28 0H0V113.28H113.28V0Z"
+            d="M113.28 0H0V113.111H113.28V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M226.56 0H113.28V113.28H226.56V0Z"
+            d="M226.56 0H113.28V113.111H226.56V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M339.84 0H226.56V113.28H339.84V0Z"
+            d="M339.84 0H226.56V113.111H339.84V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M453.12 0H339.84V113.28H453.12V0Z"
+            d="M453.12 0H339.84V113.111H453.12V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M566.4 0H453.12V113.28H566.4V0Z"
+            d="M566.4 0H453.12V113.111H566.4V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M679.68 0H566.4V113.28H679.68V0Z"
+            d="M679.68 0H566.4V113.111H679.68V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M792.96 0H679.68V113.28H792.96V0Z"
+            d="M792.96 0H679.68V113.111H792.96V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M906.24 0H792.96V113.28H906.24V0Z"
+            d="M906.24 0H792.96V113.111H906.24V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1019.52 0H906.24V113.28H1019.52V0Z"
+            d="M1019.52 0H906.24V113.111H1019.52V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1132.8 0H1019.52V113.28H1132.8V0Z"
+            d="M1132.8 0H1019.52V113.111H1132.8V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1246.08 0H1132.8V113.28H1246.08V0Z"
+            d="M1246.08 0H1132.8V113.111H1246.08V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1359.36 0H1246.08V113.28H1359.36V0Z"
+            d="M1359.36 0H1246.08V113.111H1359.36V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1472.64 0H1359.36V113.28H1472.64V0Z"
+            d="M1472.64 0H1359.36V113.111H1472.64V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1585.92 0H1472.64V113.28H1585.92V0Z"
+            d="M1585.92 0H1472.64V113.111H1585.92V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1699.2 0H1585.92V113.28H1699.2V0Z"
+            d="M1699.2 0H1585.92V113.111H1699.2V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1812.48 0H1699.2V113.28H1812.48V0Z"
+            d="M1812.48 0H1699.2V113.111H1812.48V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1925.76 0H1812.48V113.28H1925.76V0Z"
+            d="M1925.76 0H1812.48V113.111H1925.76V0Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M113.28 113.28H0V226.56H113.28V113.28Z"
+            d="M113.28 113.111H0V226.223H113.28V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M226.56 113.28H113.28V226.56H226.56V113.28Z"
+            d="M226.56 113.111H113.28V226.223H226.56V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M339.84 113.28H226.56V226.56H339.84V113.28Z"
+            d="M339.84 113.111H226.56V226.223H339.84V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M453.12 113.28H339.84V226.56H453.12V113.28Z"
+            d="M453.12 113.111H339.84V226.223H453.12V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M566.4 113.28H453.12V226.56H566.4V113.28Z"
+            d="M566.4 113.111H453.12V226.223H566.4V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M679.68 113.28H566.4V226.56H679.68V113.28Z"
+            d="M679.68 113.111H566.4V226.223H679.68V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M792.96 113.28H679.68V226.56H792.96V113.28Z"
+            d="M792.96 113.111H679.68V226.223H792.96V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M906.24 113.28H792.96V226.56H906.24V113.28Z"
+            d="M906.24 113.111H792.96V226.223H906.24V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1019.52 113.28H906.24V226.56H1019.52V113.28Z"
+            d="M1019.52 113.111H906.24V226.223H1019.52V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1132.8 113.28H1019.52V226.56H1132.8V113.28Z"
+            d="M1132.8 113.111H1019.52V226.223H1132.8V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1246.08 113.28H1132.8V226.56H1246.08V113.28Z"
+            d="M1246.08 113.111H1132.8V226.223H1246.08V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1359.36 113.28H1246.08V226.56H1359.36V113.28Z"
+            d="M1359.36 113.111H1246.08V226.223H1359.36V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1472.64 113.28H1359.36V226.56H1472.64V113.28Z"
+            d="M1472.64 113.111H1359.36V226.223H1472.64V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1585.92 113.28H1472.64V226.56H1585.92V113.28Z"
+            d="M1585.92 113.111H1472.64V226.223H1585.92V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1699.2 113.28H1585.92V226.56H1699.2V113.28Z"
+            d="M1699.2 113.111H1585.92V226.223H1699.2V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1812.48 113.28H1699.2V226.56H1812.48V113.28Z"
+            d="M1812.48 113.111H1699.2V226.223H1812.48V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1925.76 113.28H1812.48V226.56H1925.76V113.28Z"
+            d="M1925.76 113.111H1812.48V226.223H1925.76V113.111Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M113.28 226.561H0V339.841H113.28V226.561Z"
+            d="M113.28 226.223H0V339.334H113.28V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M226.56 226.561H113.28V339.841H226.56V226.561Z"
+            d="M226.56 226.223H113.28V339.334H226.56V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M339.84 226.561H226.56V339.841H339.84V226.561Z"
+            d="M339.84 226.223H226.56V339.334H339.84V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M453.12 226.561H339.84V339.841H453.12V226.561Z"
+            d="M453.12 226.223H339.84V339.334H453.12V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M566.4 226.561H453.12V339.841H566.4V226.561Z"
+            d="M566.4 226.223H453.12V339.334H566.4V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M679.68 226.561H566.4V339.841H679.68V226.561Z"
+            d="M679.68 226.223H566.4V339.334H679.68V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M792.96 226.561H679.68V339.841H792.96V226.561Z"
+            d="M792.96 226.223H679.68V339.334H792.96V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M906.24 226.561H792.96V339.841H906.24V226.561Z"
+            d="M906.24 226.223H792.96V339.334H906.24V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1019.52 226.561H906.24V339.841H1019.52V226.561Z"
+            d="M1019.52 226.223H906.24V339.334H1019.52V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1132.8 226.561H1019.52V339.841H1132.8V226.561Z"
+            d="M1132.8 226.223H1019.52V339.334H1132.8V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1246.08 226.561H1132.8V339.841H1246.08V226.561Z"
+            d="M1246.08 226.223H1132.8V339.334H1246.08V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1359.36 226.561H1246.08V339.841H1359.36V226.561Z"
+            d="M1359.36 226.223H1246.08V339.334H1359.36V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1472.64 226.561H1359.36V339.841H1472.64V226.561Z"
+            d="M1472.64 226.223H1359.36V339.334H1472.64V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1585.92 226.561H1472.64V339.841H1585.92V226.561Z"
+            d="M1585.92 226.223H1472.64V339.334H1585.92V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1699.2 226.561H1585.92V339.841H1699.2V226.561Z"
+            d="M1699.2 226.223H1585.92V339.334H1699.2V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1812.48 226.561H1699.2V339.841H1812.48V226.561Z"
+            d="M1812.48 226.223H1699.2V339.334H1812.48V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1925.76 226.561H1812.48V339.841H1925.76V226.561Z"
+            d="M1925.76 226.223H1812.48V339.334H1925.76V226.223Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M113.28 339.84H0V453.12H113.28V339.84Z"
+            d="M113.28 339.335H0V452.446H113.28V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M226.56 339.84H113.28V453.12H226.56V339.84Z"
+            d="M226.56 339.335H113.28V452.446H226.56V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M339.84 339.84H226.56V453.12H339.84V339.84Z"
+            d="M339.84 339.335H226.56V452.446H339.84V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M453.12 339.84H339.84V453.12H453.12V339.84Z"
+            d="M453.12 339.335H339.84V452.446H453.12V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M566.4 339.84H453.12V453.12H566.4V339.84Z"
+            d="M566.4 339.335H453.12V452.446H566.4V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M679.68 339.84H566.4V453.12H679.68V339.84Z"
+            d="M679.68 339.335H566.4V452.446H679.68V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M792.96 339.84H679.68V453.12H792.96V339.84Z"
+            d="M792.96 339.335H679.68V452.446H792.96V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M906.24 339.84H792.96V453.12H906.24V339.84Z"
+            d="M906.24 339.335H792.96V452.446H906.24V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1019.52 339.84H906.24V453.12H1019.52V339.84Z"
+            d="M1019.52 339.335H906.24V452.446H1019.52V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1132.8 339.84H1019.52V453.12H1132.8V339.84Z"
+            d="M1132.8 339.335H1019.52V452.446H1132.8V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1246.08 339.84H1132.8V453.12H1246.08V339.84Z"
+            d="M1246.08 339.335H1132.8V452.446H1246.08V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1359.36 339.84H1246.08V453.12H1359.36V339.84Z"
+            d="M1359.36 339.335H1246.08V452.446H1359.36V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1472.64 339.84H1359.36V453.12H1472.64V339.84Z"
+            d="M1472.64 339.335H1359.36V452.446H1472.64V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1585.92 339.84H1472.64V453.12H1585.92V339.84Z"
+            d="M1585.92 339.335H1472.64V452.446H1585.92V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1699.2 339.84H1585.92V453.12H1699.2V339.84Z"
+            d="M1699.2 339.335H1585.92V452.446H1699.2V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1812.48 339.84H1699.2V453.12H1812.48V339.84Z"
+            d="M1812.48 339.335H1699.2V452.446H1812.48V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1925.76 339.84H1812.48V453.12H1925.76V339.84Z"
+            d="M1925.76 339.335H1812.48V452.446H1925.76V339.335Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M113.28 453.12H0V566.4H113.28V453.12Z"
+            d="M113.28 452.446H0V565.558H113.28V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M226.56 453.12H113.28V566.4H226.56V453.12Z"
+            d="M226.56 452.446H113.28V565.558H226.56V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M339.84 453.12H226.56V566.4H339.84V453.12Z"
+            d="M339.84 452.446H226.56V565.558H339.84V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M453.12 453.12H339.84V566.4H453.12V453.12Z"
+            d="M453.12 452.446H339.84V565.558H453.12V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M566.4 453.12H453.12V566.4H566.4V453.12Z"
+            d="M566.4 452.446H453.12V565.558H566.4V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M679.68 453.12H566.4V566.4H679.68V453.12Z"
+            d="M679.68 452.446H566.4V565.558H679.68V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M792.96 453.12H679.68V566.4H792.96V453.12Z"
+            d="M792.96 452.446H679.68V565.558H792.96V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M906.24 453.12H792.96V566.4H906.24V453.12Z"
+            d="M906.24 452.446H792.96V565.558H906.24V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1019.52 453.12H906.24V566.4H1019.52V453.12Z"
+            d="M1019.52 452.446H906.24V565.558H1019.52V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1132.8 453.12H1019.52V566.4H1132.8V453.12Z"
+            d="M1132.8 452.446H1019.52V565.558H1132.8V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1246.08 453.12H1132.8V566.4H1246.08V453.12Z"
+            d="M1246.08 452.446H1132.8V565.558H1246.08V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1359.36 453.12H1246.08V566.4H1359.36V453.12Z"
+            d="M1359.36 452.446H1246.08V565.558H1359.36V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1472.64 453.12H1359.36V566.4H1472.64V453.12Z"
+            d="M1472.64 452.446H1359.36V565.558H1472.64V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1585.92 453.12H1472.64V566.4H1585.92V453.12Z"
+            d="M1585.92 452.446H1472.64V565.558H1585.92V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1699.2 453.12H1585.92V566.4H1699.2V453.12Z"
+            d="M1699.2 452.446H1585.92V565.558H1699.2V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1812.48 453.12H1699.2V566.4H1812.48V453.12Z"
+            d="M1812.48 452.446H1699.2V565.558H1812.48V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1925.76 453.12H1812.48V566.4H1925.76V453.12Z"
+            d="M1925.76 452.446H1812.48V565.558H1925.76V452.446Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M113.28 566.4H0V679.68H113.28V566.4Z"
+            d="M113.28 565.557H0V678.668H113.28V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M226.56 566.4H113.28V679.68H226.56V566.4Z"
+            d="M226.56 565.557H113.28V678.668H226.56V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M339.84 566.4H226.56V679.68H339.84V566.4Z"
+            d="M339.84 565.557H226.56V678.668H339.84V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M453.12 566.4H339.84V679.68H453.12V566.4Z"
+            d="M453.12 565.557H339.84V678.668H453.12V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M566.4 566.4H453.12V679.68H566.4V566.4Z"
+            d="M566.4 565.557H453.12V678.668H566.4V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M679.68 566.4H566.4V679.68H679.68V566.4Z"
+            d="M679.68 565.557H566.4V678.668H679.68V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M792.96 566.4H679.68V679.68H792.96V566.4Z"
+            d="M792.96 565.557H679.68V678.668H792.96V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M906.24 566.4H792.96V679.68H906.24V566.4Z"
+            d="M906.24 565.557H792.96V678.668H906.24V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1019.52 566.4H906.24V679.68H1019.52V566.4Z"
+            d="M1019.52 565.557H906.24V678.668H1019.52V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1132.8 566.4H1019.52V679.68H1132.8V566.4Z"
+            d="M1132.8 565.557H1019.52V678.668H1132.8V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1246.08 566.4H1132.8V679.68H1246.08V566.4Z"
+            d="M1246.08 565.557H1132.8V678.668H1246.08V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1359.36 566.4H1246.08V679.68H1359.36V566.4Z"
+            d="M1359.36 565.557H1246.08V678.668H1359.36V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1472.64 566.4H1359.36V679.68H1472.64V566.4Z"
+            d="M1472.64 565.557H1359.36V678.668H1472.64V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1585.92 566.4H1472.64V679.68H1585.92V566.4Z"
+            d="M1585.92 565.557H1472.64V678.668H1585.92V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1699.2 566.4H1585.92V679.68H1699.2V566.4Z"
+            d="M1699.2 565.557H1585.92V678.668H1699.2V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1812.48 566.4H1699.2V679.68H1812.48V566.4Z"
+            d="M1812.48 565.557H1699.2V678.668H1812.48V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1925.76 566.4H1812.48V679.68H1925.76V566.4Z"
+            d="M1925.76 565.557H1812.48V678.668H1925.76V565.557Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M113.28 679.68H0V792.96H113.28V679.68Z"
+            d="M113.28 678.67H0V791.781H113.28V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M226.56 679.68H113.28V792.96H226.56V679.68Z"
+            d="M226.56 678.67H113.28V791.781H226.56V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M339.84 679.68H226.56V792.96H339.84V679.68Z"
+            d="M339.84 678.67H226.56V791.781H339.84V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M453.12 679.68H339.84V792.96H453.12V679.68Z"
+            d="M453.12 678.67H339.84V791.781H453.12V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M566.4 679.68H453.12V792.96H566.4V679.68Z"
+            d="M566.4 678.67H453.12V791.781H566.4V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M679.68 679.68H566.4V792.96H679.68V679.68Z"
+            d="M679.68 678.67H566.4V791.781H679.68V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M792.96 679.68H679.68V792.96H792.96V679.68Z"
+            d="M792.96 678.67H679.68V791.781H792.96V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M906.24 679.68H792.96V792.96H906.24V679.68Z"
+            d="M906.24 678.67H792.96V791.781H906.24V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1019.52 679.68H906.24V792.96H1019.52V679.68Z"
+            d="M1019.52 678.67H906.24V791.781H1019.52V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1132.8 679.68H1019.52V792.96H1132.8V679.68Z"
+            d="M1132.8 678.67H1019.52V791.781H1132.8V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1246.08 679.68H1132.8V792.96H1246.08V679.68Z"
+            d="M1246.08 678.67H1132.8V791.781H1246.08V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1359.36 679.68H1246.08V792.96H1359.36V679.68Z"
+            d="M1359.36 678.67H1246.08V791.781H1359.36V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1472.64 679.68H1359.36V792.96H1472.64V679.68Z"
+            d="M1472.64 678.67H1359.36V791.781H1472.64V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1585.92 679.68H1472.64V792.96H1585.92V679.68Z"
+            d="M1585.92 678.67H1472.64V791.781H1585.92V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1699.2 679.68H1585.92V792.96H1699.2V679.68Z"
+            d="M1699.2 678.67H1585.92V791.781H1699.2V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1812.48 679.68H1699.2V792.96H1812.48V679.68Z"
+            d="M1812.48 678.67H1699.2V791.781H1812.48V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1925.76 679.68H1812.48V792.96H1925.76V679.68Z"
+            d="M1925.76 678.67H1812.48V791.781H1925.76V678.67Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M113.28 792.961H0V906.241H113.28V792.961Z"
+            d="M113.28 791.779H0V904.891H113.28V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M226.56 792.961H113.28V906.241H226.56V792.961Z"
+            d="M226.56 791.779H113.28V904.891H226.56V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M339.84 792.961H226.56V906.241H339.84V792.961Z"
+            d="M339.84 791.779H226.56V904.891H339.84V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M453.12 792.961H339.84V906.241H453.12V792.961Z"
+            d="M453.12 791.779H339.84V904.891H453.12V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M566.4 792.961H453.12V906.241H566.4V792.961Z"
+            d="M566.4 791.779H453.12V904.891H566.4V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M679.68 792.961H566.4V906.241H679.68V792.961Z"
+            d="M679.68 791.779H566.4V904.891H679.68V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M792.96 792.961H679.68V906.241H792.96V792.961Z"
+            d="M792.96 791.779H679.68V904.891H792.96V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M906.24 792.961H792.96V906.241H906.24V792.961Z"
+            d="M906.24 791.779H792.96V904.891H906.24V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1019.52 792.961H906.24V906.241H1019.52V792.961Z"
+            d="M1019.52 791.779H906.24V904.891H1019.52V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1132.8 792.961H1019.52V906.241H1132.8V792.961Z"
+            d="M1132.8 791.779H1019.52V904.891H1132.8V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1246.08 792.961H1132.8V906.241H1246.08V792.961Z"
+            d="M1246.08 791.779H1132.8V904.891H1246.08V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1359.36 792.961H1246.08V906.241H1359.36V792.961Z"
+            d="M1359.36 791.779H1246.08V904.891H1359.36V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1472.64 792.961H1359.36V906.241H1472.64V792.961Z"
+            d="M1472.64 791.779H1359.36V904.891H1472.64V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1585.92 792.961H1472.64V906.241H1585.92V792.961Z"
+            d="M1585.92 791.779H1472.64V904.891H1585.92V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1699.2 792.961H1585.92V906.241H1699.2V792.961Z"
+            d="M1699.2 791.779H1585.92V904.891H1699.2V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1812.48 792.961H1699.2V906.241H1812.48V792.961Z"
+            d="M1812.48 791.779H1699.2V904.891H1812.48V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1925.76 792.961H1812.48V906.241H1925.76V792.961Z"
+            d="M1925.76 791.779H1812.48V904.891H1925.76V791.779Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M113.28 906.24H0V1019.52H113.28V906.24Z"
+            d="M113.28 904.893H0V1018H113.28V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M226.56 906.24H113.28V1019.52H226.56V906.24Z"
+            d="M226.56 904.893H113.28V1018H226.56V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M339.84 906.24H226.56V1019.52H339.84V906.24Z"
+            d="M339.84 904.893H226.56V1018H339.84V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M453.12 906.24H339.84V1019.52H453.12V906.24Z"
+            d="M453.12 904.893H339.84V1018H453.12V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M566.4 906.24H453.12V1019.52H566.4V906.24Z"
+            d="M566.4 904.893H453.12V1018H566.4V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M679.68 906.24H566.4V1019.52H679.68V906.24Z"
+            d="M679.68 904.893H566.4V1018H679.68V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M792.96 906.24H679.68V1019.52H792.96V906.24Z"
+            d="M792.96 904.893H679.68V1018H792.96V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M906.24 906.24H792.96V1019.52H906.24V906.24Z"
+            d="M906.24 904.893H792.96V1018H906.24V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1019.52 906.24H906.24V1019.52H1019.52V906.24Z"
+            d="M1019.52 904.893H906.24V1018H1019.52V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1132.8 906.24H1019.52V1019.52H1132.8V906.24Z"
+            d="M1132.8 904.893H1019.52V1018H1132.8V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1246.08 906.24H1132.8V1019.52H1246.08V906.24Z"
+            d="M1246.08 904.893H1132.8V1018H1246.08V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1359.36 906.24H1246.08V1019.52H1359.36V906.24Z"
+            d="M1359.36 904.893H1246.08V1018H1359.36V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1472.64 906.24H1359.36V1019.52H1472.64V906.24Z"
+            d="M1472.64 904.893H1359.36V1018H1472.64V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1585.92 906.24H1472.64V1019.52H1585.92V906.24Z"
+            d="M1585.92 904.893H1472.64V1018H1585.92V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1699.2 906.24H1585.92V1019.52H1699.2V906.24Z"
+            d="M1699.2 904.893H1585.92V1018H1699.2V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1812.48 906.24H1699.2V1019.52H1812.48V906.24Z"
+            d="M1812.48 904.893H1699.2V1018H1812.48V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1925.76 906.24H1812.48V1019.52H1925.76V906.24Z"
+            d="M1925.76 904.893H1812.48V1018H1925.76V904.893Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M113.28 1019.52H0V1132.8H113.28V1019.52Z"
+            d="M113.28 1018H0V1131.12H113.28V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M226.56 1019.52H113.28V1132.8H226.56V1019.52Z"
+            d="M226.56 1018H113.28V1131.12H226.56V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M339.84 1019.52H226.56V1132.8H339.84V1019.52Z"
+            d="M339.84 1018H226.56V1131.12H339.84V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M453.12 1019.52H339.84V1132.8H453.12V1019.52Z"
+            d="M453.12 1018H339.84V1131.12H453.12V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M566.4 1019.52H453.12V1132.8H566.4V1019.52Z"
+            d="M566.4 1018H453.12V1131.12H566.4V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M679.68 1019.52H566.4V1132.8H679.68V1019.52Z"
+            d="M679.68 1018H566.4V1131.12H679.68V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M792.96 1019.52H679.68V1132.8H792.96V1019.52Z"
+            d="M792.96 1018H679.68V1131.12H792.96V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M906.24 1019.52H792.96V1132.8H906.24V1019.52Z"
+            d="M906.24 1018H792.96V1131.12H906.24V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1019.52 1019.52H906.24V1132.8H1019.52V1019.52Z"
+            d="M1019.52 1018H906.24V1131.12H1019.52V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1132.8 1019.52H1019.52V1132.8H1132.8V1019.52Z"
+            d="M1132.8 1018H1019.52V1131.12H1132.8V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1246.08 1019.52H1132.8V1132.8H1246.08V1019.52Z"
+            d="M1246.08 1018H1132.8V1131.12H1246.08V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1359.36 1019.52H1246.08V1132.8H1359.36V1019.52Z"
+            d="M1359.36 1018H1246.08V1131.12H1359.36V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1472.64 1019.52H1359.36V1132.8H1472.64V1019.52Z"
+            d="M1472.64 1018H1359.36V1131.12H1472.64V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1585.92 1019.52H1472.64V1132.8H1585.92V1019.52Z"
+            d="M1585.92 1018H1472.64V1131.12H1585.92V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1699.2 1019.52H1585.92V1132.8H1699.2V1019.52Z"
+            d="M1699.2 1018H1585.92V1131.12H1699.2V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1812.48 1019.52H1699.2V1132.8H1812.48V1019.52Z"
+            d="M1812.48 1018H1699.2V1131.12H1812.48V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1925.76 1019.52H1812.48V1132.8H1925.76V1019.52Z"
+            d="M1925.76 1018H1812.48V1131.12H1925.76V1018Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M113.28 1132.8H0V1246.08H113.28V1132.8Z"
+            d="M113.28 1131.11H0V1244.22H113.28V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M226.56 1132.8H113.28V1246.08H226.56V1132.8Z"
+            d="M226.56 1131.11H113.28V1244.22H226.56V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M339.84 1132.8H226.56V1246.08H339.84V1132.8Z"
+            d="M339.84 1131.11H226.56V1244.22H339.84V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M453.12 1132.8H339.84V1246.08H453.12V1132.8Z"
+            d="M453.12 1131.11H339.84V1244.22H453.12V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M566.4 1132.8H453.12V1246.08H566.4V1132.8Z"
+            d="M566.4 1131.11H453.12V1244.22H566.4V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M679.68 1132.8H566.4V1246.08H679.68V1132.8Z"
+            d="M679.68 1131.11H566.4V1244.22H679.68V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M792.96 1132.8H679.68V1246.08H792.96V1132.8Z"
+            d="M792.96 1131.11H679.68V1244.22H792.96V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M906.24 1132.8H792.96V1246.08H906.24V1132.8Z"
+            d="M906.24 1131.11H792.96V1244.22H906.24V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1019.52 1132.8H906.24V1246.08H1019.52V1132.8Z"
+            d="M1019.52 1131.11H906.24V1244.22H1019.52V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1132.8 1132.8H1019.52V1246.08H1132.8V1132.8Z"
+            d="M1132.8 1131.11H1019.52V1244.22H1132.8V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1246.08 1132.8H1132.8V1246.08H1246.08V1132.8Z"
+            d="M1246.08 1131.11H1132.8V1244.22H1246.08V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1359.36 1132.8H1246.08V1246.08H1359.36V1132.8Z"
+            d="M1359.36 1131.11H1246.08V1244.22H1359.36V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1472.64 1132.8H1359.36V1246.08H1472.64V1132.8Z"
+            d="M1472.64 1131.11H1359.36V1244.22H1472.64V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1585.92 1132.8H1472.64V1246.08H1585.92V1132.8Z"
+            d="M1585.92 1131.11H1472.64V1244.22H1585.92V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1699.2 1132.8H1585.92V1246.08H1699.2V1132.8Z"
+            d="M1699.2 1131.11H1585.92V1244.22H1699.2V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1812.48 1132.8H1699.2V1246.08H1812.48V1132.8Z"
+            d="M1812.48 1131.11H1699.2V1244.22H1812.48V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1925.76 1132.8H1812.48V1246.08H1925.76V1132.8Z"
+            d="M1925.76 1131.11H1812.48V1244.22H1925.76V1131.11Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M113.28 1246.08H0V1359.36H113.28V1246.08Z"
+            d="M113.28 1244.23H0V1357.34H113.28V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M226.56 1246.08H113.28V1359.36H226.56V1246.08Z"
+            d="M226.56 1244.23H113.28V1357.34H226.56V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M339.84 1246.08H226.56V1359.36H339.84V1246.08Z"
+            d="M339.84 1244.23H226.56V1357.34H339.84V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M453.12 1246.08H339.84V1359.36H453.12V1246.08Z"
+            d="M453.12 1244.23H339.84V1357.34H453.12V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M566.4 1246.08H453.12V1359.36H566.4V1246.08Z"
+            d="M566.4 1244.23H453.12V1357.34H566.4V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M679.68 1246.08H566.4V1359.36H679.68V1246.08Z"
+            d="M679.68 1244.23H566.4V1357.34H679.68V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M792.96 1246.08H679.68V1359.36H792.96V1246.08Z"
+            d="M792.96 1244.23H679.68V1357.34H792.96V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M906.24 1246.08H792.96V1359.36H906.24V1246.08Z"
+            d="M906.24 1244.23H792.96V1357.34H906.24V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1019.52 1246.08H906.24V1359.36H1019.52V1246.08Z"
+            d="M1019.52 1244.23H906.24V1357.34H1019.52V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1132.8 1246.08H1019.52V1359.36H1132.8V1246.08Z"
+            d="M1132.8 1244.23H1019.52V1357.34H1132.8V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1246.08 1246.08H1132.8V1359.36H1246.08V1246.08Z"
+            d="M1246.08 1244.23H1132.8V1357.34H1246.08V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1359.36 1246.08H1246.08V1359.36H1359.36V1246.08Z"
+            d="M1359.36 1244.23H1246.08V1357.34H1359.36V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1472.64 1246.08H1359.36V1359.36H1472.64V1246.08Z"
+            d="M1472.64 1244.23H1359.36V1357.34H1472.64V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1585.92 1246.08H1472.64V1359.36H1585.92V1246.08Z"
+            d="M1585.92 1244.23H1472.64V1357.34H1585.92V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1699.2 1246.08H1585.92V1359.36H1699.2V1246.08Z"
+            d="M1699.2 1244.23H1585.92V1357.34H1699.2V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1812.48 1246.08H1699.2V1359.36H1812.48V1246.08Z"
+            d="M1812.48 1244.23H1699.2V1357.34H1812.48V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
           <path
-            d="M1925.76 1246.08H1812.48V1359.36H1925.76V1246.08Z"
+            d="M1925.76 1244.23H1812.48V1357.34H1925.76V1244.23Z"
             stroke="#4C4E72"
-            strokeWidth="2"
+            stroke-width="2"
           />
         </g>
       </g>
@@ -1058,24 +1057,13 @@ const SVGBackgound = (props: Props) => {
           cy="0"
           r="1"
           gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(960 672) rotate(90) scale(672 960)"
-        >
-          <stop stopColor="#289DF2" stopOpacity="0.4" />
-          <stop offset="1" stopColor="#6F30D8" stopOpacity="0" />
-        </radialGradient>
-        <radialGradient
-          id="paint1_radial_160_2"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(960 672) scale(960 672)"
+          gradientTransform="translate(960 671) scale(960 671)"
         >
-          <stop stopColor="white" />
-          <stop offset="1" stopColor="white" stopOpacity="0" />
+          <stop stop-color="white" />
+          <stop offset="1" stop-color="white" stop-opacity="0" />
         </radialGradient>
         <clipPath id="clip0_160_2">
-          <rect width="1920" height="1344" fill="white" />
+          <rect width="1920" height="1342" fill="white" />
         </clipPath>
       </defs>
     </svg>
diff --git a/components/ShortenedFeatures.tsx b/components/ShortenedFeatures.tsx
index 1c11c13..5570a3b 100644
--- a/components/ShortenedFeatures.tsx
+++ b/components/ShortenedFeatures.tsx
@@ -15,7 +15,7 @@ export default function ShortenedFeatures({
 }: Props) {
   return (
     <div
-      className={`p-5 text-sm border z-10 border-[#333333] bg-gradient-to-r from-[#29b8fb11] to-[#2618503a] h-full rounded-xl text-center ${className}`}
+      className={`p-5 text-sm border z-10 border-[#333333] bg-gradient-to-tr from-[#282828] to-[#151515] h-full rounded-xl text-center ${className}`}
     >
       <div
         className="select-none bg-gradient-to-br from-[#673AB7] to-[#3A00A1] w-fit aspect-square p-2 rounded-2xl mx-auto mb-5"
diff --git a/styles/globals.css b/styles/globals.css
index 1abca9f..0af9d5c 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -335,9 +335,11 @@ body {
 
 @keyframes fadeLeft {
   0% {
-    transform: translateX(30px);
+    /* transform: translateY(30px); */
+    scale: 1.1;
   }
   100% {
-    transform: translateX(0);
+    /* transform: translateY(0); */
+    scale: 1;
   }
 }