svg {
    border: 2px solid #aaa; 
    border:dashed;
  }

  .h2text {
    font-size: 62;
  }

.tablehd0
{
  display: table;
  /*margin-top:100px;
  margin-left:100px;*/
  /*width: 700px;*/
}

.rowtable
{
    display: table-row;
    /*height: 55px; */
    /*height:auto ;*/
}
.Celltxt
{
    display: table-cell;
    /*display: block;*/
    height:  auto;/* 55px;*/
    border: solid;
    border-width: thin;
    /*width: 735px;*/
    /*width: 800px;*/
    /*float: left;*/
    padding-left: 5px;
    padding-right: 5px;
}
.bt0_svg {
    margin-top: 10px;
    --dark-color: #635bff;
    --light-color: #80e9ff;
}
/*
:root {
    --dark-color: #635bff;
    --light-color: #80e9ff;
  }
  */

  #darkGroup {
    fill: var(--dark-color);
  }
  #lightGroup {
    fill: var(--light-color);
  }

  #dark1,
  #light1,
  #dark2 {
    transition: all 1s ease;
  }

  #dark2 {
    transform: translateX(-100%);
  }

  svg:hover #light1 {
    transform: translateX(20%);
  }

  svg:hover #dark1 {
    transform: translateX(40%);
    opacity: 0;
  }

  svg:hover #dark2 {
    transform: translateX(0%);
  }

  .noshow {
    display: none;
  }