Lebenslauf erweitert

assets/css/main.css

@@ -1740,7 +1740,7 @@ body.is-preload #header .content .inner {
 	transition: opacity 0.325s ease-in-out, transform 0.325s ease-in-out;
 	padding: 4.5rem 2.5rem 1.5rem 2.5rem;
 	position: relative;
-	width: 60rem;
+	width: 40rem;
 	max-width: 100%;
 	background-color: rgba(27, 31, 34, 0.85);
 	border-radius: 4px;
@@ -1819,6 +1819,10 @@ body.is-preload #header .content .inner {
 
 }
 
+#main #lebenslauf {
+	width: 50rem;
+}
+
 /* Timeline */
 .timeline-section {
 	display: flex;
@@ -1887,7 +1891,7 @@ body.is-preload #header .content .inner {
 	margin-bottom: 4%;
 
 	img {
-		height: 30px;
+		height: 40px;
 		width: auto;
 	}
 
@@ -1920,7 +1924,7 @@ body.is-preload #header .content .inner {
 
 	.timeline-circle {
 		position: absolute;
-		top: 0;
+		top: 0px;
 		left: 50%;
 		width: 15px;
 		height: 15px;

index.html

@@ -26,9 +26,9 @@ <h1>Hey, ich bin Karina</h1>
 					<h2 style="display: inline-block; width: fit-content;">
 						<div class="typed-out">Junior Developer</div>
 					</h2>
-					<p>A fully responsive site template designed by <a href="https://html5up.net">HTML5 UP</a> and
+					<!--<p>A fully responsive site template designed by <a href="https://html5up.net">HTML5 UP</a> and
 						released<br />
-						for free under the <a href="https://html5up.net/license">Creative Commons</a> license.</p>
+						for free under the <a href="https://html5up.net/license">Creative Commons</a> license.</p>-->
 				</div>
 			</div>
 			<nav>
@@ -49,8 +49,8 @@ <h2 style="display: inline-block; width: fit-content;">
 			<!-- Über mich -->
 			<article id="ueberMich">
 				<h2 class="major">Über mich</h2>
-				<span class="image main">
-					<img src="images/Portrait.jpg" alt="Selbstportrait" />
+				<span class="image main" style="display: flex; justify-content: center; position: static;">
+					<img id="Selbstportrait" src="images/Portrait.jpg" alt="Selbstportrait" style="width: 80%;" />
 				</span>
 				<p>Ich hatte schon immer Interesse an Computern.<br>
 					Egal, ob es jetzt darum geht, PCs selber zusammen zu bauen oder Software zu entwickeln.
@@ -77,7 +77,7 @@ <h5>Aug. 2021 <br>‑ Jun. 2024</h5>
 							</div>
 							<div id="lebenslauf_firma">
 								<img src="images/logo-spdata.png" alt="Logo SP_Data">
-								<h5>SP_Data GmbH & Co. KG</h5>	
+								<h5>SP_Data GmbH & Co. KG</h5>
 							</div>
 							<p>Zuständig für die Pflege und Weiterentwicklung der Personalabrechnungssoftware
 								mit einem Fokus auf der Umsetzung gesetzlicher Änderungen.</p>
@@ -94,22 +94,14 @@ <h5>Aug. 2018 <br>‑ Jul. 2021</h5>
 							</div>
 							<div id="lebenslauf_firma">
 								<img src="images/logo-agb.png" alt="Logo AGB Löhne" style="height: 35px;">
-								<h5>August-Griese-Berufskolleg</h5>	
+								<h5>August-Griese-Berufskolleg</h5>
 							</div>
 							<p>Abitur mit Schwerpunkt auf Informatik, einschließlich vertiefter Kenntnisse in Fächern
 								wie: <br>
 								Informatik, Technische Informatik (Datenbanken, Betriebssysteme/Netzwerke,
 								Mikrocontroller) und Elektrotechnik.</p>
 							<p id="lebenslauf_techstack">Techstack: Java, Python, C++, MySQL(MariaDB)</p>
 						</div>
-
-						<div class="timeline-middle">
-							<div class="timeline-circle"></div>
-						</div>
-						<div class=" timeline-content">
-							<h3>Javascript</h3>
-							<p>Some Text.</p>
-						</div>
 					</div>
 				</section>
 			</article>