#raw{ height: 100vh; display: flex; justify-content: center; align-items: center; width: 100%; position: relative; #raw-form{ max-width: 95%; width: 450px; margin: auto; position: relative; .xshop-raw-logo{ height: 128px; position: absolute; top: -64px; margin: auto; display: block; left: 50%; transform: translateX(-50%); } } .circle-btn{ position: absolute; bottom: -35px; left: 50%; transform: translateX(-50%); } } #webgl { position: fixed; top: 0; left: 0; right: 0; bottom: 0; outline: none; z-index: -1; background: transparent; width: 100%; height: 100vh; }