main page overhaul

src/styles/App.scss

@@ -1,2 +1,12 @@
 @import "vendor/vendor";
-@import "layout/layout";
+@import "layout/layout";
+@import "utils/utils";
+
+@font-face {
+  font-family: "Mau";
+  src: local('Mau'), url(../assets/fonts/OrientalCatsLight.otf) format('opentype');
+}
+
+h1, h2, h3, h4, h5 {
+  font-family: "Mau", serif;
+}

src/styles/layout/pages/_pages.scss

@@ -0,0 +1 @@
+@import "mainlobby";

src/styles/layout/pages/mainlobby.scss

@@ -0,0 +1,15 @@
+.main-lobby {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 2rem;
+
+  &__button {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+}

src/styles/utils/_utils.scss

@@ -0,0 +1 @@
+@import "pointer";

src/styles/utils/pointer.scss

@@ -0,0 +1,4 @@
+.clickable {
+  cursor: pointer;
+  user-select: none;
+}