diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 788e5e5..9f53819 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,5 +1,5 @@
 import '@fontsource/inter/variable.css'
-import 'tailwindcss/tailwind.css'
+import '../style/globals.css'
 
 import type { NextPage } from 'next'
 import type { AppProps } from 'next/app'
@@ -14,7 +14,7 @@ function CustomApp({ Component, pageProps }: CustomAppProps) {
   return Component.disableLayout ? (
     <Component {...pageProps} />
   ) : (
-    <div className='min-h-screen bg-gray-100'>
+    <div className='stylized-bg min-h-screen'>
       <Component {...pageProps} />
     </div>
   )
diff --git a/src/style/globals.css b/src/style/globals.css
new file mode 100644
index 0000000..e3da249
--- /dev/null
+++ b/src/style/globals.css
@@ -0,0 +1,9 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+.stylized-bg {
+  background: radial-gradient(circle at bottom center, #ffb1e165, transparent 60%),
+    radial-gradient(circle at bottom left, #fff5f160, transparent 80%),
+    radial-gradient(circle at bottom right, #ffb09660, transparent 40%), rgb(245, 245, 245);
+}