:root
{
    /*--bgColor:#FFFFFF;*/
    --bgColor:#000000;
}

html, body
{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    background-color:var(--bgColor);
}

@media screen and (orientation:portrait)
{
    #canvas-container {
        /*background:url(/assets/img/menu-preload.jpg) no-repeat center center fixed;
        background-size:cover;*/
        display:flex;
        flex-direction: column;
        align-items:center;
        justify-content:flex-start;
        width:100%;
        height:100%;
    }
}

@media screen and (orientation:landscape)
{
    #canvas-container {
        /*background:url(/assets/img/menu-preload.jpg) no-repeat center center fixed;
        background-size:cover;*/
        display:flex;
        flex-direction: column;
        align-items:center;
        justify-content:center;
        width:100%;
        height:100%;
    }
}

#game-canvas {
    z-index:2;
}

#fade {
    background-color:black;
    width:100%;
    height:100%;
    position:absolute;
    opacity:1;
    z-index:1;
}