updated styling for experience, scroll bar, and utility fixes

mehulgoel873 · May 16, 2024 · 6f0ff17 · 6f0ff17
1 parent fd79983
commit 6f0ff17
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 5 deletions.
diff --git a/css/experience.css b/css/experience.css
@@ -22,6 +22,10 @@
 	font: inherit;
 }
 
+.experience .section_header h1 {
+	color: var(--navy-blue);
+}
+
 .experience a {
 	color: inherit;
 }

diff --git a/css/nav_home.css b/css/nav_home.css
@@ -69,7 +69,7 @@ nav .nav-links a:hover::before {
 nav .nav-links a:last-child {
     padding: 0.5vh;
     border-radius: 1.5vh;
-    color: #FFB560;
+    color: var(--orange);
 }
 
 nav .nav-links a:last-child::before {
@@ -87,7 +87,7 @@ nav .nav-links a:last-child::before {
 
 nav .nav-links a:last-child:hover {
     text-decoration: none;
-    color: #ffc98c;
+    color: var(--orange-light);
 }
 
 nav .nav-links a:last-child:hover::before {
@@ -205,7 +205,7 @@ nav .nav-links a:last-child:hover::before {
 
 #particles-js { 
     width: 100%;
-    height: 82vh;
+    height: 84vh;
 }
 
 #particles-js .container {

diff --git a/css/utlities.css b/css/utlities.css
@@ -17,7 +17,7 @@ p, a{
 }
 
 #orange {
-  color: #fe7f2d;
+  color: var(--orange);
 }
 
 
@@ -36,6 +36,49 @@ p, a{
   --background: #32373b;
   --offwhite: #DEE1E3; /*filter: invert(100%) sepia(1%) saturate(4960%) hue-rotate(173deg) brightness(89%) contrast(101%); */
 
-  --orange-light: #ffbe73; /* filter: invert(88%) sepia(94%) saturate(1799%) hue-rotate(305deg) brightness(101%) contrast(101%);*/
+  --orange-light: #ff9e44; /*filter: invert(60%) sepia(64%) saturate(494%) hue-rotate(342deg) brightness(102%) contrast(101%);*/
   --orange: #ff7f2d; /* filter: invert(55%) sepia(73%) saturate(1298%) hue-rotate(339deg) brightness(101%) contrast(102%); */
+}
+
+::-webkit-scrollbar {
+  position: fixed;
+  width: 1vw;
+}
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #d6dee1;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #d6dee1;
+  border-radius: 20px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #d6dee1;
+  border-radius: 20px;
+  border: 6px solid transparent;
+  background-clip: content-box;
+}
+::-webkit-scrollbar-thumb:hover {
+  background-color: #a8bbbf;
+}
+
+.section_header h1{
+  font-size: 4rem;
+  font-weight: 900;
+  font-style: normal;
+  text-decoration: underline;
+
+  position: relative;
+  left: 15vw;
+  margin: 0px;
+  margin-top: -6rem;
+  margin-bottom: 3rem;
+  width: max-content;
+
 }