body {
  font-family: Arial, sans-serif;
  font-size:24px;
  background-color: #f0f0f0;

}
h1 {
  color: #333;
}
.container {
  display: flex;
  flex-direction: column;
  align-items: center;      /* 横方向中央寄せ */
  justify-content: center;  /* 親の高さがある場合は上下中央 */
  /*height: 100vh;            /* 高さを画面全体に */
}

@media (max-width: 600px) {
  canvas {
    width: 100vw;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .container {
    padding: 0;
    overflow-x: hidden; 
  }
}