Merge pull request #42 from monov/main

minor change of the hello__logo and added custom scroll-bar
klubFITpp · Oct 30, 2023 · 29c8e5a · 29c8e5a
2 parents 6866e7f + 531ec3d
commit 29c8e5a
Showing 1 changed file with 20 additions and 3 deletions.
diff --git a/main.css b/main.css
@@ -7,6 +7,7 @@
 
 * {
     box-sizing: border-box;
+    scrollbar-color: var(--yellow) var(--blue);
 }
 
 body {
@@ -18,6 +19,7 @@ body {
     letter-spacing: 0.5px;
 }
 
+
 @media screen and (max-width: 1280px) {
     body {
         font-size: 16px;
@@ -41,7 +43,7 @@ h1, h2, h3 {
 
 p {
     margin: 0;
-    color: #343434;
+    color: var(--black);
     line-height: 1.5;
 }
 
@@ -75,8 +77,7 @@ section {
 .hello__logo {
     width: 50vw;
     max-width: 720px;
-    box-shadow: 0 0 .5em rgba(255, 255, 255, .5);
-    background: rgba(255, 255, 255, .5);
+    background: rgba(255, 255, 255, 0.5);
 }
 
 .hello__arrow {
@@ -212,3 +213,19 @@ section {
     padding: 1em;
     text-decoration: none;
 }
+
+
+::-webkit-scrollbar {
+    width: auto;
+  }
+
+
+::-webkit-scrollbar-track {
+    background: var(--yellow);
+}
+
+
+::-webkit-scrollbar-thumb {
+    background: var(--blue);
+}
+