fix: home section background css

Resolve #31

Author: hyochan

app/[lang]/(home)/Hero/index.tsx

@@ -96,7 +96,7 @@ function Hero({t, statsInfo}: Props): ReactElement {
   return (
     <div
       className={clsx(
-        'self-stretch bg-cover',
+        'self-stretch bg-paper',
         'flex flex-col justify-center items-center',
         'max-[425px]:p-0',
       )}

app/[lang]/(home)/Home.tsx

@@ -26,7 +26,7 @@ function Home({t, statsInfo}: Props): ReactElement {
   initAmplitude();
 
   return (
-    <div className={clsx('flex-1 w-screen bg-paper', 'flex flex-col')}>
+    <div className={clsx('flex-1 w-screen', 'flex flex-col')}>
       <Hero t={t} statsInfo={statsInfo} />
       <SectionHowItWorks t={t} />
       <SectionFooter t={t} />

styles/output.css

@@ -1711,6 +1711,11 @@ input[type='search']::-webkit-search-decoration,
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.bg-red1 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 44 44 / var(--tw-bg-opacity));
+}
+
 .bg-cover {
   background-size: cover;
 }