CSS Fix

src/main.css

@@ -1,20 +1,20 @@
 /* src/main.css */
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
 
-body {
+html, body {
   margin: 0;
   padding: 0;
   font-family: 'Roboto', sans-serif;
-  overflow: hidden;
+  height: 100%;
+  overflow: auto; /* Allow natural scrolling */
 }
 
 #app,
 .v-application {
+  min-height: 100vh;
   background-image: url('/carbon.jpg');
   background-repeat: no-repeat;
   background-position: center;
-  position: relative;
-  z-index: 0;
-  height: 100vh;
-  overflow-y: auto;
+  background-attachment: fixed; 
+  background-size: cover;
 }