fix scroll issues

src/styles/Home.module.css

···
 /* Home.module.css */
+
 .container {
     position: relative;
     height: 100vh;
-    width: 90vw;
+    width: 100vw; /* Set width to 100% of the viewport */
+    max-width: 100%; /* Ensure it doesn't go beyond the viewport width */
+    overflow-x: hidden; /* Prevent horizontal scroll */
     display: flex;
     flex-direction: column; /* Stack children vertically */
     justify-content: center; /* Center content vertically */
     align-items: center; /* Center content horizontally */
+    padding: 0; /* Remove any default padding */
+    margin: 0; /* Remove default margin */
 }
 
 .contentBox {
     display: flex;
     flex-direction: column;
     align-items: left; /* Center content horizontally within the contentBox */
+    margin-left: 4vw;
+    margin-right: 4vw;
 }
 
 .top {

src/styles/globals.css

···
 
 body {
     /* font-family: "Cute Notes", sans-serif; */
+    width: 100vw;
+    height: 100vh;
 }
 
 @layer utilities {