style: add antialiasing smooth to font

Author: ronggur

src/components/Footer.astro

@@ -68,7 +68,7 @@ const navData = navigation as NavData;
 
   {
     showIllustration && (
-      <div class="3xl:right-55 2-5xl:right-50 absolute -top-[94px] right-15 z-20 hidden lg:right-25 lg:inline-block">
+      <div class="3xl:right-55 2-5xl:right-50 absolute -top-[94px] right-15 z-10 hidden lg:right-25 lg:inline-block">
         <Image
           src={ImageTwoMen}
           alt="Two Person Talking"
@@ -84,7 +84,7 @@ const navData = navigation as NavData;
   }
 
   <!-- Main Footer Content -->
-  <div class="footer-main-container bg-midnight-fjord">
+  <div class="bg-midnight-fjord relative z-20">
     <div class="footer-main">
       <div
         class="footer-grid fade-in--pure"

src/v1/styles/base.css

@@ -11,12 +11,12 @@
 
 @layer base {
   html {
-    scroll-behavior: smooth;
+    @apply scroll-smooth;
   }
 
-  html {
-    /* @apply antialiased; */
+  body {
     @apply font-primary;
+    @apply antialiased;
     @apply bg-glacier-mist-900;
   }
 

src/v1/styles/starlight.css

@@ -14,12 +14,11 @@
 
 @layer base {
   html {
-    scroll-behavior: smooth;
+    @apply scroll-smooth;
   }
 
-  html,
   body {
-    /* @apply antialiased; */
+    @apply antialiased;
     @apply font-primary;
   }