.ember{
        position: absolute;
        bottom: 0  ;
        width: 12px;
        height: 12px;
        background: radial-gradient(circle, rgba(255,140,0,1) 0%, rgba(255,69,0,1))60%, rgba(0,0,0,0)100%;
        border-radius: 50%;
        pointer-events: none;
        animation: rise reverse infinite, drift ease-in-out infinite;
        opacity: 0.2;
    }
    @keyframes rise {
        0% {
            transform: translateY(0) scale(0.5);
            opacity: 0.2;
            top: 100%
        }
        50%{
        opacity: .8;
    }
    100%{
        transform: translateY(-120vh) scale(1.2);
        opacity: .1;
        top: 0;
    }
    }
  @keyframes drift  {
    0%,100%{
        transform: translateY(0);
         }
         50%{
            transform: translateX(10px);
         }
  }  
  table{
    border-radius: 20%;
    background-color: aqua;
    border: 5px solid blueviolet;
    cursor: not-allowed;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: large;
    font-style: normal;
    align-items: center;
  }
  tr,td,th{
    background-color: rgba(137,43,226,0,0.438);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: medium;
    cursor: grab;
  }