body {
    background-color: #b3d48c;
  }
  
  h1 {
    color: #085f00;
  }
  
  p1 {
    color: #085f00;
  }
  
  p {
    color: #000000;
  }

  table {
    width: 400px; /* 表の幅 */
    height: 800px; /* 表の高さ */
    /* 中央揃えにする */
    margin-left: auto;
    margin-right: auto;
    background-color: #b4b4b4;
    border-spacing: 1px;
  }
  
  td {
    width: 10%; /* セルの幅 */
    height: 5%; /* セルの高さ */
    background-color: #ffffff; /* 背景色 */
  }

  .i {
    background-color: #00BCD4; /* cyan */
  }
  
  .o {
    background-color: #FFEB3B; /* yellow */
  }
  
  .t {
    background-color: #9C27B0; /* purple */
  }
  
  .s {
    background-color: #4CAF50; /* green */
  }
  
  .z {
    background-color: #F44336; /* red */
  }
  
  .j {
    background-color: #2196F3; /* blue */
  }
  
  .l {
    background-color: #FF9800; /* orange */
  }