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:

+ +
+ +