diff --git a/packages/web/src/index.css b/packages/web/src/index.css
index 5a883fb..e01fea6 100644
--- a/packages/web/src/index.css
+++ b/packages/web/src/index.css
@@ -35,15 +35,15 @@
 
 @layer base {
   h1 {
-    @apply font-iaQuattro lg:text-5xl text-4xl font-bold text-neutral-800 dark:text-neutral-100 lg:mb-8 mb-3;
+    @apply mb-3 text-4xl font-bold font-iaQuattro lg:text-5xl text-neutral-800 dark:text-neutral-100 lg:mb-8;
   }
 
   h2 {
-    @apply font-sans lg:text-4xl text-3xl font-semibold text-neutral-700 dark:text-neutral-200 mt-2 mb-3;
+    @apply mt-2 mb-3 font-sans text-3xl font-semibold lg:text-4xl text-neutral-700 dark:text-neutral-200;
   }
 
   h3 {
-    @apply font-sans lg:text-3xl text-2xl font-semibold text-neutral-800 dark:text-neutral-100 mb-1;
+    @apply mb-1 font-sans text-2xl font-semibold lg:text-3xl text-neutral-800 dark:text-neutral-100;
   }
 
   p {
@@ -51,11 +51,11 @@
   }
 
   pre > code {
-    @apply block bg-neutral-200 dark:bg-neutral-800 p-4 my-4 rounded-md;
+    @apply block p-4 my-4 bg-neutral-200 dark:bg-neutral-800 rounded-md;
   }
 
   main {
-    @apply mx-auto 2xl:px-32 px-4 mt-4 mb-12 sm:mt-8 lg:mt-20 xl:mt-28 lg:px-8;
+    @apply px-4 mx-auto mt-4 mb-12 2xl:px-32 sm:mt-8 lg:mt-16 lg:px-8;
   }
 }
 
@@ -65,6 +65,6 @@
   }
 
   .text-contents ul {
-    @apply list-disc pl-6;
+    @apply pl-6 list-disc;
   }
 }
diff --git a/packages/web/src/pages/Splash.tsx b/packages/web/src/pages/Splash.tsx
index d6274ad..7a43f4b 100644
--- a/packages/web/src/pages/Splash.tsx
+++ b/packages/web/src/pages/Splash.tsx
@@ -24,7 +24,7 @@ export default function Splash() {
           minHeight: "max-content",
           "-webkit-mask-image": "-webkit-radial-gradient(white, black)",
         }}
-        className="relative z-10 flex flex-1 overflow-hidden sm:m-16 lg:m-32"
+        className="relative z-10 flex flex-1 overflow-hidden sm:m-16 2xl:mx-32"
       >
         <img
           src={colorGradientBackdrop}