Fixed stylings

src/app/app.component.scss

@@ -9,6 +9,6 @@
 
 @media screen and (max-width: variables.$breakpoint) {
   .wrapper {
-    padding: 0 2rem;
+    padding: 0 3rem;
   }
 }

src/app/footer/footer.component.scss

@@ -1,15 +1,17 @@
 @use "../../variables.scss" as variables;
 
 :host {
+  font-weight: 400;
   color: #ffffff;
-  font-style: italic;
   padding-bottom: 5rem;
   position: relative;
-  top: 5rem;
+  top: 2rem;
 }
 
 h2 {
   font-family: "Jost";
+  font-style: italic;
+  font-weight: 500;
 }
 
 .contact {

src/app/header/header.component.scss

@@ -1,7 +1,7 @@
 @use "../../variables.scss";
 
 :host {
-  border-bottom: 1px solid #fff;
+  border-bottom: 2px solid #fff;
   width: 100%;
   display: flex;
   justify-content: space-between;
@@ -22,6 +22,7 @@ img {
     text-decoration: none;
     align-content: center;
     font-family: "Jost";
+    font-size: 2rem;
   }
 }
 
@@ -32,7 +33,7 @@ img {
   }
 
   :host {
-    border-top: 1px solid #fff;
+    border-top: 2px solid #fff;
   }
 
   .menu {

src/app/hero/hero.component.html

@@ -1,2 +1,4 @@
-<img class="mobile" src="assets/CPTARN_logo-figure_White.svg"/>
+<div class="mobile">
+  <img src="assets/CPTARN_logo-figure_White.svg"/>
+</div>
 <p class="hero-text">NO LIMITS, JUST <span class="subSlogan">{{subSlogan}}</span></p>

src/app/hero/hero.component.scss

@@ -34,9 +34,17 @@
     font-weight: 600;
   }
 
+  div {
+    display: flex;
+    width: 100%;
+    border-bottom: 2px solid #fff;
+    padding: 1rem 0;
+    justify-content: center;
+  }
+
   img {
-    max-width: 100%;
-    border-bottom: 1px solid #fff;
+    max-width: 50%;
+    margin: 0 auto;
     padding: 1rem 0;
   }
 }

src/app/services/services.component.html

@@ -4,7 +4,7 @@
     <p>Welcome to my creative workspace! I’m a solution-driven freelancer with a passion for blending innovative thinking with technical know-how to bring unique ideas to life. Whether you’re looking to build a prototype, develop custom code, or create a tailored automation system, I’m here to help turn your vision into a reality. My approach combines hands-on experience with a fresh perspective, ensuring that every project isn’t just functional, but forwardthinking and impactful.</p>
     <a href="mailto:contact@cptarn.com" class="web">Contact</a>
   </div>
-  <img src="assets/Website_Arne.svg" />
+  <img class="arne" src="assets/Website_Arne.svg" />
   <a href="mailto:contact@cptarn.com" class="mobile">Contact</a>
 </div>
 <div class="right">

src/app/services/services.component.scss

@@ -79,6 +79,11 @@ a {
       max-width: 100%;
     }
 
+    .arne {
+      max-width: 70%;
+      margin: 0 auto;
+    }
+
     img {
       margin-top: 2rem;
     }
@@ -89,7 +94,7 @@ a {
   }
   :host {
     > div {
-      margin-top: 3rem;
+      margin-top: 0;
     }
   }