body {
 
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  justify-content: center;
  align-items: center;
  }
 
 
  .main {
   
    display: grid;
    grid-template-columns: 140px 70px 240px 70px 140px;
    justify-content: center;
   /* align-items: center; */
    }
    .main2 {
   
      display: grid;
      grid-template-columns: 130px 130px 130px 130px 130px 130px;
      justify-content: center;
      align-items: center;
      border:#E2D1F9 ; border-style: solid; border-width: 1px;
       
      }
    .mid {
   text-align: left;
   }


  #tr1, #tr2, #tr3, #tr4, #tr5, #tr6 {
   
      border-radius: 3px;
      background-color:#E2D1F9 ;
      border: none;
       
  }  
  .menu {
   
    border-radius: 2px; background-color:#ffffff;
    border: 1px;
    border-style: solid;
    border-color: #303179;


  }


        .space0 {
       
        border-collapse:separate;
        border-spacing: 0 10px;
        justify-content: center;
        align-items: center;
        border: none;
       
    }
    #button1  {
      justify-content: center;
      align-items: center;
     
    }
    #button2  {
      margin-left: 14px ;
      justify-content: center;
      align-items: center;
     
    }


    #comment1 {
     
      /* align-items:flex-start; */
      justify-content: left;


    }


      table, th, td {
       
        border: 1px solid rgb(0, 0, 0);
               
      }
     
      td {     width: 100%; }


      .space1 {
        border: none;
        border-collapse:separate;
        border-spacing: 0 10px;
       
    }
     
       
    td:nth-child(1) {
        width: 33.33%;
    }
    td:nth-child(2) {
        width: 33.33%;
    }
    .space2 {
      margin-left: 10px;
      margin-right: 0px;
      border-collapse:collapse;
     
     
    }
      .undo {
       
        border: none;
       background-color: transparent;
        padding: 0px 0px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 6px;
        cursor: pointer;
       
      }    


      footer {
        position: relative;
        height: 100px;
        width: 100%;
        background-color: #333333;
    }


    p.copyright {
        position: absolute;
        width: 100%;
        color: #fff;
        line-height: 40px;
        font-size: 1.0em;
        text-align: center;
        bottom:0;
    }
     
    footer {
      position: relative;
      height: 100px;
      width: 100%;
      background-color: #333333;
    }
   
    p.copyright {
      position: absolute;
      width: 100%;
      color: #fff;
      line-height: 40px;
      font-size: 1.0em;
      text-align: center;
      bottom:0;
    }