Makes Header with Gradient for Better Styling

src/app/header/header.component.css

@@ -5,7 +5,9 @@
     position: fixed;
     width: 100vw;
 
-    background-color: #2e2e2e;
+
+    background: rgb(46,46,46);
+    background: linear-gradient(180deg, rgba(46,46,46,1) 65%, rgba(46,46,46,0.45) 100%);
     z-index: 50;
 
     height: 10vh;

src/app/home/home.component.css

@@ -95,7 +95,8 @@
 
 /* STACK SECTION*/
 .stack-section {
-    background-color: #f1f1f1;
+    background: rgb(241,241,241);
+    /*background: linear-gradient(0deg, rgba(241,241,241,1) 80%, rgba(51,51,51,1) 100%);*/
     height: 90vh;
 }
 .stack {
@@ -105,6 +106,11 @@
     justify-content: center;
 }
 
+.stack h2 {
+    font-weight: 600;
+    font-size: 2.5rem;
+}
+
 .stack p {
     font-family: "Poppins", sans-serif;
 

src/app/home/home.component.html

@@ -37,4 +37,8 @@
             Here are some of the technologies I've been working with recently:
         </p>
     </div>
+
+    <div class="stack-slider">
+        
+    </div>
 </div>