@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);*{box-sizing:border-box}body{background:url(/static/media/background.6ede7bfa73bd402effa0.jpg) fixed 50% no-repeat;background-size:cover;margin:0;overflow-x:hidden;padding:0;position:relative}:root{--primary-color:#208fdf;--box-size:45vw;font-size:18px;scroll-behavior:smooth}@media(max-width:992px){:root{font-size:18px}}@media(max-width:768px){:root{font-size:16px}}@media(max-width:596px){:root{--box-size:60vw;font-size:14px}}.preview-container{width:22.38806vw;width:calc(var(--box-size)/2.01)}.preview-container img{width:100%}.main-content{min-height:100dvh;overflow:hidden}.main-content,.main-content .game-container{display:flex;flex-direction:column;justify-content:center}.main-content .game-container{align-items:center;flex-grow:1;position:relative}.main-content .game-container .droppable-boxes-container{aspect-ratio:1/1;background:url(/static/media/puzzle_shape.f4a6e98db4874e4c53d4.png) 50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-flow:row wrap;max-width:800px;width:45vw;width:var(--box-size);z-index:100000}.main-content .game-container .droppable-boxes-container .box{align-items:center;aspect-ratio:1/1;display:flex;justify-content:center;position:relative;width:50%}.main-content .game-container .droppable-boxes-container .box img{inset:0;position:absolute;width:100%}.main-content .game-container .droppable-boxes-container .box.dragging{opacity:0}.main-content .game-container .draggable-boxes-container{align-items:center;display:flex;flex-flow:row wrap;gap:25px;justify-content:start}.main-content .game-container .draggable-boxes-container .box{align-items:center;aspect-ratio:1/1;display:flex;flex-basis:20%;justify-content:center;position:absolute;width:22.38806vw;width:calc(var(--box-size)/2.01)}.main-content .game-container .draggable-boxes-container .box.dragging{opacity:0}.main-content .game-container .draggable-boxes-container .box img{width:100%}.main-content .game-container .draggable-boxes-container .box.step_1{right:25px;top:25px}.main-content .game-container .draggable-boxes-container .box.step_2{bottom:25px;left:25px}.main-content .game-container .draggable-boxes-container .box.step_3{left:25px;top:25px}.main-content .game-container .draggable-boxes-container .box.step_4{bottom:25px;right:25px}nav{margin-bottom:25px;padding:10px;text-align:end}@media(max-width:768px){nav{text-align:center}}nav img{width:150px}.video-container{align-items:center;background:#fff;display:flex;height:100dvh;justify-content:center;overflow:hidden;position:relative}.video-container video{height:100%;width:100%}.video-container button{background:#0000;border:none;cursor:pointer;font-size:1.5rem;left:25px;position:absolute;top:25px;z-index:99}
/*# sourceMappingURL=main.3e2ffa21.css.map*/