chrome-scrollbar fix

Website/layouts/default.vue

@@ -16,10 +16,10 @@
 
     <v-main class="pt-4">
 
-      <section style="height: calc(100vh - 1rem); padding-top: 5rem; padding-bottom: 5rem; overflow-y: auto;">
+      <section class="hidden-chrome-scrollbar" style="height: calc(100vh - 1rem); padding-top: 5rem; padding-bottom: 5rem; overflow-y: auto;">
           <center
-            class="mx-auto d-flex flex-column justify-center items-center"
-            style="width: 90vw; min-height: 100%; overflow-y: scroll;">
+            class="hidden-chrome-scrollbar mx-auto d-flex flex-column justify-center items-center"
+            style="width: 90vw; min-height: 100%; overflow-y: auto;">
 
             <nuxt />
 
@@ -39,6 +39,10 @@ html, body {
   margin: 0.25em;
 }
 
+.hidden-chrome-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+
 /* Glassmorphism effect */
 .glassy {
   backdrop-filter: blur(16px) saturate(180%);