diff --git a/css/experience.css b/css/experience.css index 74c2edc..78b75ab 100644 --- 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 index a3fd725..4e8e6b1 100644 --- 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 index b9ec794..56f7995 100644 --- 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; + } \ No newline at end of file