:root
{
    --bgColor:#000000;
}

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

@media screen and (orientation:portrait)
{

    #canvas-container {
        background-color: var(--bgColor);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        height: 100%;
    }
}

@media screen and (orientation:landscape)
{
    #canvas-container {
        background-color: var(--bgColor);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
}