@media (orientation: landscape)  {
    #animation_container {
        display: block;
        /* position: absolute; */
        position: sticky;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    #incorrect {
        display: none;
        /* position: absolute; */
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
}
@media (orientation: portrait)  {
    #animation_container {
        display: none;
        /* position: absolute; */
        position: sticky;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    #incorrect {
        display: flex;
        align-items: center;
        justify-content: center;
        /* position: absolute; */
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
}

body {
    margin:0px;
    background-color: black;
}

div#animation_container {
    background-color:black; 
    width:1920px; 
    height:1080px
}

canvas#canvas {
    position: absolute; 
    display: none; 
    background-color:black; 
}

div#dom_overlay_container {
    pointer-events:none; 
    overflow:hidden; 
    width:1920px; 
    height:1080px; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    display: none;
}

div#_preload_div_ {
    position:absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
    height:1080px;
    width: 1920px;
    text-align: center;
}

span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
img {
    vertical-align: middle; 
    max-height: 100%
}