* { position: relative; box-sizing: border-box; outline-style: none !important; } @keyframes SharedAnimation_Spin360 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } html, body, #container { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; } .NewCreatePageEffect_Main { font-family: sans-serif; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .ZoomText { font-family: sans-serif; position: absolute; left: 0; top: 0; width: 810px; z-index: 10; text-align: center; } .ZoomText_Child { position: absolute; width: 810px; } .BackgroundImage { position: absolute; width: 100%; height: 100%; z-index: 0; } .BackgroundImage.Cover { width: 10000px; height: 10000px; top: -5000px; left: -5000px; } .ForegroundImage { position: absolute; overflow: hidden; width: 100%; height: 100%; z-index: 100; display: flex; justify-content: center; align-items: center; }