Design idea

anwendung/src/pages/index.js

@@ -11,19 +11,44 @@ import InputForm from "@/components/InputForm";
 import Login from "@/components/Login";
 import Test from "@/components/Test";
 import BasicDateCalendar from "@/components/CalendarSideBar";
-
+import {randomInt} from "next/dist/shared/lib/bloom-filter/utils";
 
 
 const inter = Inter({subsets: ['latin']})
 
 export default function Home(p) {
 
-
     return (
 
+
         <div className={"normal-centered"}>
+            <div style={{
+                position: "absolute",
+                width: "100%",
+                height: "100%",
+                overflow: "clip",
+                pointerEvents: "none"
+            }}>
+                <div style={{
+                    position: "absolute",
+                    transform: "skew(20deg)",
+                    width: "100%",
+                    height: "100%",
+                    zIndex: -10,
+                    backgroundColor: "#f2f2f2",
+                    borderTopLeftRadius: 400,
+                    borderBottomRightRadius: 800,
+
+                }}></div>
+                <div style={{
+                    position: "absolute",
+                    width: "100%",
+                    height: "100%",
+                    zIndex: -11,
+                    backgroundColor: "#346991",
+                }}></div>
+            </div>
             <Login/>
         </div>
-
     )
 }