re-align the mascot container

index.html

@@ -58,7 +58,7 @@
        display: grid;
        width: calc(5em * 0.5 * var(--scale));
        height: calc(8em * 0.5 * var(--scale));
-       margin-left: 5.1em;
+       margin-left: 4.1em;
        z-index: 2;
        grid-template-rows: repeat(8, 1fr);
        grid-template-columns: repeat(5, 1fr);
@@ -93,7 +93,7 @@
      }
 
      #status {
-       margin-top: 0.5em;
+       margin-top: 1em;
        line-height: 2;
        width: 100%;
        text-align: center;