editing css

css/style.css

@@ -2,13 +2,27 @@ html {
     scroll-behavior: smooth;
 }
 body {
-  	background-color: grey;
+  	background-color: black;
   	margin: auto;
+	border: 50px solid black;
+
 }
+
 .main_container {
 	position: relative; 
   	width: 100%;
   	min-height: 100vh;
+	color: white;
+}
+
+.main_text {
+	position: absolute;
+  	top: 10%; 
+  	left: 30%;
+  	transform: translate(-50%, -50%);
+	text-align: left;
+	border: 0.5px solid white;
+	margin: 20px;
 }
 
 .main_img {
@@ -18,7 +32,7 @@ body {
 
 	width: 20%;
   	height: auto;
-	border-radius: 50%;
+	border-radius: 70%;
 	object-fit: cover;
 }
 

index.html

@@ -15,7 +15,9 @@
 
 	<h1>Moin / Hi</h1>
 	<div class="main_container">
+		<div class="main_text">
 		<p>I'm BaumSplitter41, I'm am a student from germany. This site is work in progress.</p>
+		</div>
 
 
 		<img src="/assets/Logo_BaumSplitter41.png" alt="Logo BaumSplitter41", class = "main_img">