Input Form new Design

anwendung/src/pages/semesteroverview.js

@@ -4,6 +4,7 @@ import SemesterTile from "@/components/SemesterTile";
 import InputForm from "@/components/InputForm";
 import {useRouter} from "next/router";
 import PopUp from "@/components/PopUp";
+import Background from "@/components/Background";
 
 export default function SemesterOverview(p)
 {
@@ -91,32 +92,7 @@ export default function SemesterOverview(p)
 
     return (
         <div className={"semester-overview"}>
-            <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/>
             {
                 entries.map(e => (<SemesterTile text={e.name} onClick={(f) => onClickSemester(e, f)} onButtonDeleteClick={() => {
                         localStorage.setItem("currentsid", e.id)