.win-line{
    position: absolute;
    width: 0;
    height: 0;
    top: 0%;
    left: calc(16.6% * 5 - 2px);
    background-color: rgb(123, 255, 0);
    border-radius: 7px;
    z-index: 2;
    transition: .5s;
    transition-property: width;
    transition-property: height;
}


.win-line.horizontal-win{
    transition-property: width;
    width: 100%;
    height: 6px;
    left: 0%;
}

.win-line.vertical-win{
    transition-property: height;
    width: 6px;
    height: 100%;
    top: 0%;
}

.win-line.diagonal-win{
    transition: 0s;
    width: 140%;
    height: 6px;
    top: 49%;
    left: -20%;
    /* transform: translate(-50%, -50%); */
    
    /* transform: rotate(-45deg); */
    
}