fixed loading screen tip not being aligned

global/globalStyle.css

@@ -14,6 +14,16 @@ html {
   color: #ffffff;
   background-color: #323232;
   overflow: hidden;
+  width: 100vw;
+  height: 100vh;
+}
+body {
+  height: 100vh;
+  background-color: #323232;
+  color: #ffffff;
+  overflow: hidden;
+  margin: 0%;
+  width: 100vw;
 }
 canvas {
   position: absolute;

style.css

@@ -1,18 +1,3 @@
-html {
-  overflow: hidden;
-  width: 100vw;
-  height: 100vh;
-}
-
-body {
-  height: 100vh;
-  background-color: #323232;
-  color: #ffffff;
-  overflow: hidden;
-  margin: 0%;
-  width: 100vw;
-  height: 100vh;
-}
 .synthSun {
   width: calc(40px * var(--pxDensity));
   height: auto;

toys/index.html

@@ -24,7 +24,7 @@
           <img class="toyImg" src="/assets/boykisserLicenseEmpty.png">
           <div class="toyTextContainer">
             <h1>Boykisser license generator</h1>
-            <p>Automatically generates a "Boykissser license" for you. Free of charge and very silly.</p>
+            <p class="desc">Automatically generates a "Boykissser license" for you. Free of charge and very silly.</p>
           </div>
         </button>
       </li>

toys/style.css

@@ -25,7 +25,7 @@ h1 {
   margin: 0%;
   margin-bottom: calc(1px * var(--pxDensity));
 }
-p {
+.desc {
   font-size: 1.3rem;
   margin: 0%;
 }