Update index.html

index.html

@@ -13,16 +13,14 @@
             font-family: Arial, sans-serif;
         }
         canvas {
-            display: inline-block;
-            margin: 0px;
-            padding: 0px;
-            width: 100%;
-            height: 100%;
+            display: block;
+            margin-top: 20px;
         }
         #scene-container {
             width: 80vw;
             height: 80vh;
-            margin-top: 20px;
+            margin: 0px;
+            padding: 0px
         }
         #uploadForm {
             margin-top: 20px;
@@ -60,7 +58,7 @@
         </label>
     </div>
     <button id="replayButton" style="margin-top: 10px; display: none;" onclick="replayAnimation()">もう一度再生</button>
-    <canvas id="canvas"></canvas>
+    <canvas id="canvas" style="display: none;"></canvas>
     <div id="scene-container"></div>
 
     <!-- Three.js ライブラリ -->
@@ -184,4 +182,4 @@
         }
     </script>
 </body>
-</html>
+</html>