body{margin:0}canvas.webgl{display:block;opacity:0;transition:opacity 1s ease-in-out}.webgl{position:absolute;z-index:9;top:0;left:0;width:100%;height:100vh}.relative{position:relative;width:100%;height:100vh;overflow:hidden;background-image:url(./bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-opacity:.3}button{cursor:pointer;text-transform:uppercase}.active{background-color:green;color:#fff}.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;margin-bottom:25px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;justify-items:center;margin-bottom:25px}.buttons{position:absolute;z-index:9;bottom:10px;right:20px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:end}.aniamtionButton{background-color:#767676;color:#fff;border-radius:5px;width:98%;height:30px;margin-top:15px;margin-bottom:15px;min-width:150px;display:flex;justify-content:center;align-items:center;cursor:pointer}.hidden{display:none}.w-full{width:100%}.animationButton{width:100px;height:100px;background-size:cover;background-position:center;cursor:pointer;border:none;border-radius:15px;background-color:#36363680}.active{background-color:#1e2365}.partbutton{width:50px;height:50px;background-size:cover;background-position:center;background-color:transparent;border:none;cursor:pointer}
