Use window and not viewport in css for main-container

front/src/Phaser/Services/WaScaleManager.ts

@@ -44,8 +44,8 @@ class WaScaleManager {
 
         // Resize the game element at the same size at the canvas
         const gameStyle = HtmlUtils.getElementByIdOrFail<HTMLDivElement>('game').style;
-        gameStyle.height = style.height;
         gameStyle.width = style.width;
+        gameStyle.height = style.height;
 
         // Note: onResize will be called twice (once here and once is Game.ts), but we have no better way.
         for (const scene of this.game.scene.getScenes(true)) {

front/style/style.scss

@@ -337,13 +337,14 @@ video.myCamVideo{
 /* New layout */
 body {
     margin: 0;
-    height: 100vh;
-    width: 100vw;
+    height: 100%;
+    width: 100%;
 }
 .main-container {
-    height: 100vh;
-    width: 100vw;
+    height: 100%;
+    width: 100%;
     position: absolute;
+    background-color: #00d4ff;
 }
 
 @media (min-aspect-ratio: 1/1) {