From f62310b2011785f4da557b02a1aa1a1c40aeeca1 Mon Sep 17 00:00:00 2001
From: Mike Karl <karl.mike2002@gmail.com>
Date: Sat, 7 Feb 2026 23:02:18 +0100
Subject: [PATCH] WIP

---
 app/globals.css | 40 ++++++-------------------------
 app/layout.tsx  |  4 +---
 app/page.tsx    | 62 +++++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 70 insertions(+), 36 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 2ec666d..0058b46 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -5,13 +5,6 @@
   box-sizing: border-box;
 }
 
-:root{
-  --primary-col: #fff;
-  --secondary-col: #000;
-  --tertiary-col-1: #c50022;
-  --tertiary-col-2: #6d001a;
-}
-
 html {
   scroll-behavior: smooth;
 }
@@ -19,32 +12,13 @@ html {
 body {
   min-height: 100vh;
   font-family: "Space Grotesk", sans-serif;
+  color: #fff;
 }
 
-.bg{
-  background: var(--tertiary-col-2);
-}
-
-.bg1{
-  background: #000;
-  background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(245, 0, 41, 1) 100%);
-  width: 1000;
-  height: 1000;
-  position: fixed;
-  top:-500;
-  right: 50vw;
-  border-radius: 50%;
-  z-index: -999;
-}
-
-.bg2{
-  background: #6D001A;
-  background: linear-gradient(-45deg, rgba(0, 0, 0, 1) 0%, rgba(245, 0, 41, 1) 100%);
-  width: 1000;
-  height: 1000;
-  position: fixed;
-  bottom: -500;
-  left: 50vw;
-  border-radius: 50%;
-  z-index: -999;
+body{
+  background:
+    radial-gradient(circle at 0% 0%, #da0202 0%, transparent 50%),
+    radial-gradient(circle at 25% -5%, #da0202 0%, transparent 40%),
+    radial-gradient(circle at 100% 100%, #da0202 0%, transparent 40%),
+    #000
 }
\ No newline at end of file
diff --git a/app/layout.tsx b/app/layout.tsx
index 44e877f..8e8ad7f 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -12,9 +12,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="de">
-      <body className="bg">
-        <div className="bg1" />
-        <div className="bg2" />
+      <body>
         {children}
       </body>
     </html>
diff --git a/app/page.tsx b/app/page.tsx
index bf2c07e..4d5cf86 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,6 +1,68 @@
 export default function Home() {
   return (
     <main className="p-8">
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
+
+      <h1 className="text-2xl">Section</h1>
+      <p className="text-lg">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam saepe necessitatibus magni in quis ipsam harum. Provident eveniet doloremque assumenda cupiditate aliquam veniam ab nobis incidunt sit eaque. Quibusdam, perferendis?</p>
     </main>
   );
 }