LoadingScreen
{
    background-color: #262934;
    padding: 128px 128px;
    opacity: 1;
    flex-direction: column;
    font-size: 25px;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all 0.3s ease-out;
    color: rgba( white, 0.8 );

    .background
    {
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url( https://files.facepunch.com/tony/1b1311b1/boxes.webm );
        opacity: 0.2;
        background-size: contain;
        filter: blur( 20px );
        mask: linear-gradient( 45deg, white, white, black );
        mask-scope: filter;
    }

    &:intro
    {
        opacity: 0;
        transform: scaleX( 1.1 );
    }

    .game-title
    {
        font-family: Roboto;
        font-weight: 700;
        font-size: 70px;
        color: rgba( white, 1 );
    }

    .controls
    {
        flex-direction: column;
        gap: 50px;
        align-items: flex-start;
        font-family: Roboto;
        text-transform: uppercase;
    }
}