.counterContainer {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
}

.counterContainer.hide {
    transform: translate(-50%, -50%) scale(0);
    animation: facehide .2s ease-out;
}

.counterContainer.show {
    transform: translate(-50%, -50%) scale(1);
    animation: faceshow .3s ease-in;
}

.iniContainer {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    text-align: center;
}

.iniContainer span{
    font-size: 2.2vw;
    color: #dddddd;
}

.iniContainer.hide {
    transform: translate(-50%, -50%) scale(1);
    animation: facehide .2s ease-out;
}

@keyframes facehide {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        transform: translate(-50%, -50%) scale(0);
    }
}

@keyframes faceshow {
    0% {
        transform: translate(-50%, -50%) scale(0);
    }

    80% {
        transform: translate(-50%, -50%) scale(1.4);
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

.nums {
    color: #dddddd;
    position: relative;
    font-size: 13vw;
    overflow: hidden;
    width: 250px;
    height: 200px;
}

.nums span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(120deg);
    transform-origin: bottom center;
}

.nums span.in {
    transform: translate(-50%, -50%) rotate(0deg);
    animation: goIn .5s ease-in-out;
}

.nums span.out {
    animation: goOut .5s ease-in-out;
}

@keyframes goIn {
    0% {
        transform: translate(-50%, -50%) rotate(120deg);
    }
    30% {
        transform: translate(-50%, -50%) rotate(-20deg);
    }

    60% {
        transform: translate(-50%, -50%) rotate(10deg);
    }

    90%, 100% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

}

@keyframes goOut {
    0%, 30% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    60% {
        transform: translate(-50%, -50%) rotate(20deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(-120deg);
    }
}