body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background-position: left 7% top 5%, right top, top center, top;
    background-attachment: fixed, fixed, fixed;
    background-size: auto, cover, cover;
    background-repeat: no-repeat,  no-repeat, no-repeat;
    background-image:  url('Siege-Logo.png'), url('loading_screen.png'), linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(30, 75, 115, 1));
}
#unity-container { position: absolute; width: 100%; height: 100% }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas {
    background: rgba(0, 0, 0, 0.0);
    position: absolute;
    width: 100%;
    height: 100%;
}
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); display: none }
#unity-progress-bar-empty { width: 540px; height: 34px; margin-top: 400px; background: url('InfiniMerge-progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 34px; margin-top: 400px; background: url('InfiniMerge-progress-bar-full-dark.png') no-repeat left }
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-webgl-logo {
    float: left;
    width: 128px;
    height: 112px;
    background: url('InfiniGods-Logo.png') no-repeat center
}
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
.web3modal-modal-card { font-family: sans-serif}