Input Form new Design

anwendung/src/pages/index.js

@@ -12,6 +12,7 @@ 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";
+import Background from "@/components/Background";
 
 
 const inter = Inter({subsets: ['latin']})
@@ -22,32 +23,15 @@ export default function Home(p) {
 
 
         <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>
+            <Background/>
+            <h1 style={{
+                fontSize: 40,
+                fontWeight: "bold",
+                color: "#77932b",
+                marginBottom: "5%",
+                textShadow: "2px 2px 2px rgba(0, 0, 0, 0.2)",
+                textAlign: "center"
+            }}>Willkommen in deinem Vorlesungsplaner</h1>
             <Login/>
         </div>
     )