.hide { opacity: 0; visibility: hidden; } .remove { display: none !important; } .blur { filter: blur(12px); } /* .container { height: 100%; display: flex; justify-content: center; align-items: center; } */ .stage-container { background-color: #1a132c; /* background-color: #fff; */ overflow: hidden; margin: -1px; top: 50%; left: 50%; translate: -50% -50%; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; position: absolute; } @media (max-width: 840px) { .stage-container { border: none; margin: 0; } } .canvas-container { width: 100%; height: 100%; transition: filter 0.3s; background-color: #1a132c; /* background-color: #fff; */ } .canvas-container canvas { position: absolute; mix-blend-mode: lighten; transform: translateZ(0); }