html, body {
    margin: 0;
}

body {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   overflow: auto;

   background-image: url("../img/background.jpg");
   background-size: cover;

}

.wrapper
{
    height: 613px; /*540 + header + 2x margin */
    /*max-width: 960px;
    width: 100%;*/
    width: 980px;

    position: relative;
}

.wrapper #header
{
    position: absolute;
    right: 30px;
    top: 0;
    width: 200px;
    height: 53px;
    background-image: url("../img/logo.png");
    background-size: cover;
    z-index: 100;
}

.wrapper .subwrapper
{
    margin-top: 53px;
    height: 540px; /*540 + header + 2x margin */
    /*max-width: 960px;
    width: 100%;*/
    width: 960px;

    position: relative;
    padding: 10px;
    background: #fff;


    -moz-box-shadow: 0 0 20px #000000;
    -webkit-box-shadow: 0 0 20px #000000;
    box-shadow: 0 0 20px #000000;
}


.container
{
    width: 100%;
    height: 100%;
    border: 1px solid silver;

}

.container .emscripten
{
    width: 100%;
    height: 100%;
}