fix: scrolling issue with global css

src/routes/+error.svelte

@@ -41,7 +41,10 @@
 
 <style lang="scss">
   :global(body) {
-    background-color: var(--background-primary);
+		overflow: hidden;
+		background-color: var(--background-primary);
+		background-size: cover;
+		background-blend-mode: overlay;
   }
     .back {
         position: fixed;

src/routes/+page.svelte

@@ -114,8 +114,8 @@
 		</div>
 		<Footer />
 	</main>
-	<Cursor />
 </div>
+<Cursor />
 
 <style lang="scss">
 	:global(body) {
@@ -129,7 +129,8 @@
 		width: 100vw;
 		height: 100dvh;
 		backdrop-filter: blur(2px);
-		overflow: hidden;
+		overflow-y: auto;
+    overflow-x: hidden;
 	}
 	.controls {
 		position: fixed;
@@ -146,12 +147,10 @@
 		box-sizing: border-box;
 		width: 100%;
 		max-width: 1000px;
-		height: 100dvh;
 		color: white;
 		display: flex;
 		flex-direction: column;
-		overflow-x: hidden;
-		overflow-y: auto;
+		overflow: visible;
 		> div {
 			margin: 10px 0;
 		}