overall tweaks for mobile + margins

styles/Index.module.scss

@@ -2,13 +2,13 @@
 	display: block;
 	width: 100%;
 	height: 28rem;
-	@media screen and (max-width: 800px) {
-		height: 20rem;
-	}
 	overflow: hidden;
 	position: relative;
 	border-left: none;
 	border-right: none;
+	@media screen and (max-width: 800px) {
+		height: 14rem;
+	}
 }
 .hero::before {
 	position: absolute;
@@ -33,7 +33,7 @@
 	justify-content: center;
 	align-items: center;
 	text-align: center;
-}
-.stats {
-	margin: 1rem 16rem;
+	@media screen and (max-width: 800px) {
+		transform: scale(0.85);
+	}
 }

styles/globals.scss

@@ -30,6 +30,11 @@ h3 {
 	padding: 0.5rem 0;
 	font-family: var(--fonts-bold);
 }
+main {
+	max-width: 1200px;
+	margin: 0 auto;
+	padding: 1rem;
+}
 
 /* html,
 body {