Better mobile view

index.html

@@ -60,7 +60,7 @@
       width: 100vw;
       height: 100vh;
       margin: 0;
-      font-size: 16px;
+      font-size: max(1vw, 1vh);
     }
 
     body {
@@ -73,6 +73,7 @@
     .ps-main {
       display: flex;
       align-items: center;
+      justify-content: center;
       height: 100vh;
       width: 100vw;
       position: relative;
@@ -91,17 +92,16 @@
     }
 
     .ps-page {
-      margin-top: 10vh;
       display: flex;
       flex-direction: column;
       align-items: center;
-      width: 100%;
+      width: min(100vw, 100vh);
 
       transform: rotate(-25deg);
     }
 
     @media screen and (orientation: landscape) {
-      .ps-background--logo {
+      .ps-page {
         transform: rotate(-65deg);
       }
     }
@@ -112,6 +112,7 @@
       margin-bottom: 6rem;
       line-height: 3rem;
       text-decoration: none;
+      text-align: center;
       font-weight: 900;
       font-size: 8rem;
       text-shadow: 5px 0px 0px white;

shell.nix

@@ -3,5 +3,6 @@
 pkgs.mkShell {
   buildInputs = [
     pkgs.nodejs
+    pkgs.nodePackages.serve
   ];
 }