Added cool background stuff

raphaeling · Oct 25, 2023 · c6cd8cb · c6cd8cb
1 parent 2793f1f
commit c6cd8cb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -28,7 +28,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang='en' className={`${sans.variable} ${mono.variable}`}>
-      <body className={'overflow-x-hidden text-lightest font-body w-screen'}>
+      <body className={'overflow-x-hidden text-lightest font-body w-screen h-screen'}>
         {children}
       </body>
     </html>

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -11,8 +11,15 @@
   color-scheme: dark;
 }
 
+body {
+  background: rgba(24, 31, 3, 0);
+  background-image: radial-gradient(rgba(70, 79, 35, 0.3) 1px, transparent 0);
+  background-size: 30px 30px;
+  background-position: -19px -19px;
+}
+
 html {
   background: theme(colors.darkest);
-  background: radial-gradient(circle at 10% 35%, #2F380C 0%, theme(colors.darkest) 30%);
+  background: radial-gradient(circle at 10% 35%, rgba(47, 56, 12, 0.95) 0%, theme(colors.darkest) 40%);
   background-attachment: fixed;
 }