:root {
    --ratio: calc(9/16);
    --size: calc(8vmin * var(--ratio));
}

.content-canvas {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

#canvas {
    width: 100%;
    height: 100%;
    display: block;
    filter: url('#svgFilter');
}

.loading-text {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: hsla(0, 100%, 100%, 1);
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--size);
    letter-spacing: 30px;
    text-indent: 30px;
    mix-blend-mode: difference;
    text-transform: uppercase;
    font-family: virus;
}

.loading-svg {
    display: none;
}