Add Scrolling (#10)

kimg45 · Sep 5, 2024 · d02b393 · d02b393
1 parent 0ff536a
commit d02b393
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -5,7 +5,6 @@
         <link rel="stylesheet" href="styles.css">
     </head>
     <body>
-
         <div class="moon"></div>
         <div class="lights">
             <div class="spotlight"></div>

diff --git a/styles.css b/styles.css
@@ -1,7 +1,6 @@
-html {
+body {
     background-color: rgb(7, 7, 7);
     overflow: hidden;
-    touch-action: none;
 }
 @keyframes driveby {
     0% {left: 150vw;}
@@ -376,14 +375,19 @@ p {
     color: #fff;
     text-shadow: 0px 0px 2px #fff;
 }
-
 article {
     background-color: rgba(22, 22, 22, 0.5);
     backdrop-filter: blur(15px);
     padding: 10px;
     margin: 25px;
     border-radius: 25px;
     z-index: 2;
+    overflow-y: auto;
+    max-height: 80vh;
+    scrollbar-color: #363636 transparent;
+}
+::-webkit-scrollbar {
+    border-radius: 25px;
 }
 @media screen and (min-width: 1000px) {
     article {
@@ -399,4 +403,4 @@ a:link {
 a:visited {
     color: #f0f;
     text-shadow: 0px 0px 2px #f0f;
-}
+}