added content block

src/pages/blog.astro

@@ -6,5 +6,5 @@ import Layout from "../layouts/Layout.astro";
     title="Blog"
     description="This is my personal website with my projects, docs and other useful stuff."
 >
-    <main>Blog</main>
+    <main><div class="content">Blog (not finished yet)</div></main>
 </Layout>

src/pages/docs.astro

@@ -6,5 +6,5 @@ import Layout from "../layouts/Layout.astro";
     title="Docs"
     description="This is my personal website with my projects, docs and other useful stuff."
 >
-    <main>Docs</main>
+    <main><div class="content">Docs (not finished yet)</div></main>
 </Layout>

src/pages/index.astro

@@ -22,5 +22,22 @@ import "../styles/home.scss";
 				width="275px"
 			/>
 		</div>
+		<div class="content">
+			<p>
+				Hello my name is <b>Yannik</b>!<br />
+				I’m a 20 year old <b>Game Developer</b> living <b>in Germany</b
+				>.<br />
+				I mostly code in C++, Godot Engine's GDScript and C#.<br />
+				I am mostly self taught but i cant really say when i began to learn
+				game developement.<br />
+				Currently i already work at a game studio and i also have my own
+				game side projects and tools.<br />
+				This website will mostly have docs, tutorials, and showcasing of
+				my projects.<br />
+				Maybe also some other stuff all around the creative process of game
+				developement or completely unrelated stuff like cooking recepies
+				;)
+			</p>
+		</div>
 	</main>
 </Layout>

src/pages/projects.astro

@@ -6,5 +6,5 @@ import Layout from "../layouts/Layout.astro";
     title="Projects"
     description="This is my personal website with my projects, docs and other useful stuff."
 >
-    <main>Projects</main>
+    <main><div class="content">Projects (not finished yet)</div></main>
 </Layout>

src/pages/tutorials.astro

@@ -6,5 +6,5 @@ import Layout from "../layouts/Layout.astro";
     title="Tutorials"
     description="This is my personal website with my projects, docs and other useful stuff."
 >
-    <main>Tutorials</main>
+    <main><div class="content">Tutorials (not finished yet)</div></main>
 </Layout>

src/styles/home.scss

@@ -1,6 +1,6 @@
 .home-title-box {
-    padding-top: 10vh;
-    margin-left: 10vw;
+    position: absolute;
+    margin-top: 15vh;
 }
 
 .home-title {
@@ -14,10 +14,17 @@ main {
     height: 75vh;
     margin-left: -1vw;
     margin-bottom: 13vh;
-    width: 100.4vw;
+    width: 90.4vw;
     flex-shrink: 0;
+    padding-left: 10vw;
 }
 
 .using-engines {
     display: inline-flex;
 }
+
+.content {
+    position: absolute;
+    margin-left: 45vw;
+    margin-right: 8vw;
+}

src/styles/main.scss

@@ -17,8 +17,17 @@ h1 {
 
 .content {
     background-color: $highlight-primary;
-    margin: 10vw;
-    margin-right: 30vw;
-    padding: 2vw;
     border-radius: 25px;
+    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    display: flex;
+    padding: 1.8vw;
+    justify-content: center;
+    align-items: center;
+    flex-shrink: 0;
+    margin: 5vw;
+}
+
+b {
+    font-family: "Satoshi-Bold";
+    color: $accent;
 }