chore: update css

src/styles/global.css

@@ -21,43 +21,30 @@
 }
 
 html {
-  overflow-y: scroll;
+  @apply overflow-y-scroll font-sans antialiased;
   color-scheme: light;
-  background-color: white;
-  font-family: "Inter", sans-serif;
 }
 
 html.dark {
   color-scheme: dark;
-  background-color: black;
 }
 
-html,
 body {
-  @apply h-full w-full antialiased;
-  @apply bg-white dark:bg-black;
-  @apply text-black/75 dark:text-white/75;
-}
-
-body {
-  @apply relative flex flex-col;
+  @apply flex min-h-screen flex-col bg-white text-black/75 dark:bg-black dark:text-white/75;
 }
 
 main {
-  @apply relative flex flex-1 flex-col py-24;
+  @apply flex-grow py-24;
 }
 
 header {
-  @apply border-b;
-  @apply transition-all duration-300 ease-in-out;
+  @apply border-b transition-all duration-300 ease-in-out;
 }
 
 header:not(.scrolled) {
   @apply border-transparent bg-transparent;
 }
 
 header.scrolled {
-  @apply bg-white/75 dark:bg-black/50;
-  @apply border-black/10 dark:border-white/25;
-  @apply saturate-200 backdrop-blur-sm;
+  @apply border-black/10 bg-white/75 saturate-200 backdrop-blur-sm dark:border-white/25 dark:bg-black/50;
 }