Warmup
{
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -100px;
    top: -100px;
    right: -100px;
    bottom: -100px;
    background-color: #000c;

    transition: all 0.2s ease-in;
    opacity: 0;
    transform: scale( 2 );
}

Warmup .number
{
    font-size: 256px;
    font-family: Open Sans;
    font-weight: bolder;
    color: #fc5;
    mix-blend-mode: lighten;
    text-shadow: 0px 0px 16px #f50a;
}

Warmup.visible.change
{
    transition: none;
    transform: scale( 2 );
}


Warmup.visible
{
    transition: all 0.5s ease;
    opacity: 1;
    transform: scale( 1 );
}