diff --git a/index.html b/index.html
index 45da02b..ecac7a4 100644
--- a/index.html
+++ b/index.html
@@ -4,17 +4,32 @@
     <base href="/website/">
     <meta charset="UTF-8">
     <link rel="stylesheet" href="style.css">
-    <title>Space</title>
+    <title>Portfolio</title>
+    <script type="module" src="main.js"></script>
 </head>
 <body>
     <main>
     <section>
-        <button type="button" id="steuerungOrbitalButton">Steuerung aktivieren!</button>
-        <a href="https://www.solarsystemscope.com/textures/">Texturen von https://www.solarsystemscope.com/textures/</a>
+        <div class="content-layer">
+            <div class="menu">
+                <button type="button" id="steuerungOrbitalButton">UI Ausblenden</button>
+                <a href="https://www.solarsystemscope.com/textures/">Texturen von https://www.solarsystemscope.com/textures/</a>
+            </div>
+            <div class="card">
+                <h1> Freimaurer App </h1>
+                <p> Beschreibung </p>
+            </div>
+            <div class="card">
+                <h1> Freimaurer App </h1>
+                <p> Beschreibung </p>
+            </div>
+            <div class="card">
+                <h1> Freimaurer App </h1>
+                <p> Beschreibung </p>
+            </div>
+        </div>
     <canvas id="bg"></canvas>
     </section>
-
     </main>
-    <script type="module" src="main.js"></script>
 </body>
 </html>
diff --git a/style.css b/style.css
index 8b13789..93fed88 100644
--- a/style.css
+++ b/style.css
@@ -1 +1,20 @@
+.content-layer {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
 
+
+.future-bend-box {
+  width: 300px;
+  height: 200px;
+  background-color: rgba(255, 255, 255, 0.5);
+  border-radius: 50% 50% 0 50%;
+  transform: rotate(45deg);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
