CSS tweaks

src/components/EventSwitcher/index.jsx

@@ -12,7 +12,7 @@ const EventSwitcher = ({ className, loc }) => {
   if (loc?.pathname === '/subscribe-2024/') return null;
 
   return (
-    <div className="fixed top-20 right-0 md:top-[153px] lg:top-32 z-10">
+    <div className="fixed top-[130px] right-0 md:top-[160px] z-10">
       <div
         className={classnames(
           'typo-display3 inline-flex items-center bg-gradient-to-r from-blue-600 to-red-300 text-black px-4 py-3 rounded-l-full',

src/components/HeroAnimation/index.jsx

@@ -9,14 +9,14 @@ const HeroAnimation = ({ variant }) => {
         style={{
           backgroundPosition: 'center center',
           backgroundSize: '96px 96px',
-          backgroundImage: `url(${(variant === 'red') ? CircleRedVisualSrc : CircleVisualSrc})`
+          backgroundImage: `url(${variant === 'red' ? CircleRedVisualSrc : CircleVisualSrc})`,
         }}
-        className="absolute h-full w-[calc(100%_+_96px)] animate-flow"
+        className="absolute h-full w-[calc(100%_+_144px)] animate-flow"
       />
       <div
         className="absolute inset-0"
         style={{
-          background: "radial-gradient(calc(96px * 2.5) at calc(50% + 96px * 3), transparent 70%, rgba(0,0,0,0.75))",
+          background: 'radial-gradient(calc(96px * 2.5) at calc(50% + 96px * 3), transparent 70%, rgba(0,0,0,0.75))',
         }}
       />
     </div>

src/layout/Layout.jsx

@@ -26,7 +26,7 @@ const Layout = ({ children, location, pageContext }) => {
       ) : (
         <Header hideNav />
       )}
-      <main className="min-h-[calc(100vh_-_64px)] pt-[64px] md:pt-[96px]">{children}</main>
+      <main className="min-h-[calc(100vh_-_112px)] pt-[64px] md:pt-[144px]">{children}</main>
       <CookieBanner />
       <Footer />
     </LayoutProvider>