From dacbf9f5487f6f349da98530d278093f06df8cfc Mon Sep 17 00:00:00 2001
From: Vitor Hideyoshi <vitor.h.n.batista@gmail.com>
Date: Fri, 27 Oct 2023 08:24:29 -0300
Subject: [PATCH] Makes Header with Gradient for Better Styling

---
 src/app/header/header.component.css | 4 +++-
 src/app/home/home.component.css     | 8 +++++++-
 src/app/home/home.component.html    | 4 ++++
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/app/header/header.component.css b/src/app/header/header.component.css
index 0a955e5..4ed8e5b 100644
--- a/src/app/header/header.component.css
+++ b/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;
diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css
index ab6cec4..4a60533 100644
--- a/src/app/home/home.component.css
+++ b/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;
 
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index a9a7ed0..87b1202 100644
--- a/src/app/home/home.component.html
+++ b/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>