body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    background-color: #1E74BA;
}

main {
    display: none;
}

.gameContainer {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

canvas {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

iframe {
    position: absolute;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

* {border: 0; margin: 0; padding: 0}


.store-link { display: none; }

.store-image {
    width: 270px;
    height: 80px;
}

.logo, .progress, .loadInfo, .store-image {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.logo {background: url('progressLogo.Light.png') no-repeat center / contain; width: 245px; height: 63px;}
.loadInfo {height: 26px; width: 200px; margin-top: 50px; text-align: center; font-size: 16px; color: white; font-family: "Arial"}
.progress {height: 18px; width: 141px; margin-top: 50px;}
.progress .empty {background: url('progressEmpty.Light.png') no-repeat right / cover; float: right; width: 100%; height: 100%; display: inline-block;}
.progress .full {background: url('progressFull.Light.png') no-repeat left / cover; float: left; width: 0%; height: 100%; display: inline-block;}

.logo.Dark {background-image: url('progressLogo.Dark.png');}
.progress.Dark .empty {background-image: url('progressEmpty.Dark.png');}
.progress.Dark .full {background-image: url('progressFull.Dark.png');}

.browser-box {
    width: 100px;
    height: 100px;
    float: left;
}


#unsupported_browser a:link {
    color: white;
    text-decoration: underline;
}

#unsupported_browser a:visited {
    color: white;
    text-decoration: underline;
}

#unsupported_browser a:hover {
    color: white;
    text-decoration: underline;
}

#unsupported_browser a:active {
    color: white;
    text-decoration: underline;
}

.browser-boxes {
    margin-top: 30px;
    margin-bottom: 30px;
    height: 100px;
}

.browser-box img {
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
}

#unsupported_browser {
    display: none;
    width: 400px;
    height: 400px;
    /*background-color: red;*/
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: white;
    font-family: "Arial";
    text-align: center;
    line-height: 1.4;
}

#unsupported_browser_title {
    font-size: 26px;
    text-align: center;
    padding-bottom: 20px;
    font-weight: normal;
}