move kiri app into #app div instead of using body

web/kiri/index.css

@@ -10,7 +10,7 @@ a, a:hover, a:visited {
     color: inherit;
     text-decoration: none;
 }
-body {
+#app {
     position: fixed;
     overflow: hidden;
     font-weight: normal;
@@ -21,7 +21,7 @@ body {
     right: 0;
     bottom: 0;
 }
-body,div {
+#app,div {
     display: flex;
     padding: 0px;
     border: 0px;

web/kiri/index.html

@@ -20,7 +20,8 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/js/all.min.js" crossorigin="anonymous"></script>
     <script src="/code/kiri.js?{{version}}"></script>
 </head>
-<body class="f-col">
+<body>
+<div id="app" class="f-col">
     <div id="curtain" class="j-center a-center">loading...</div>
     <div id="container"></div>
     <div id="tracker"></div>
@@ -344,5 +345,6 @@
         <p>this site uses cookies to preserve application preferences</p>
         <button id="gotit" class="f-col j-center">got it</button>
     </div>
+</div>
 </body>
 </html>