.appscreen.layer0{background:50%/cover;z-index:0}.appscreen.layer1{background:50%/cover;z-index:1}.appscreen.layer2{background:50%/cover;z-index:2}.appscreen.layer3{background:50%/cover;z-index:3}.appscreen.layer4{background:50%/cover;z-index:4}.appscreen.layer5{background:50%/cover;z-index:5}.appscreen.layer6{background:50%/cover;z-index:6}.appscreen.layer7{background:50%/cover;z-index:7}.appscreen.layer8{background:50%/cover;z-index:8}.appscreen.layer9{background:50%/cover;z-index:9}.appscreen.layer10{background:50%/cover;z-index:10}.appscreen.layer11{background:50%/cover;z-index:11}:root{--blue:#262261;--purple:#b32ab5}::-webkit-scrollbar{display:none}body{background:#17222c;font-family:Boba Cups;min-height:350px;min-width:350px;-webkit-user-select:none;user-select:none}body,html{margin:0;padding:0}.appbg,body,html{height:100%;overflow:hidden}.appbg{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:80px 0;transition:box-shadow .5s linear,-webkit-transform .5s cubic-bezier(.65,.05,.36,1);transition:transform .5s cubic-bezier(.65,.05,.36,1),box-shadow .5s linear;transition:transform .5s cubic-bezier(.65,.05,.36,1),box-shadow .5s linear,-webkit-transform .5s cubic-bezier(.65,.05,.36,1);width:100%}.appscreen{background:50%/cover;height:100%;pointer-events:none;position:absolute;width:100%;z-index:-1}.open.appbg{box-shadow:inset 0 0 30px -15px rgba(0,0,0,.8);-webkit-transform:translate(180px,80px);transform:translate(180px,80px)}#root{height:100%;overflow:hidden;text-align:center}#root,.App{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.App{margin:20px 0;padding:40px 20px}.mobilenav{cursor:pointer;font-size:20px;height:80px;line-height:80px;position:absolute;right:10px;text-align:center;top:10px;width:80px;z-index:10}.mobilesettings{bottom:10px;position:fixed;right:10px}.thebox{align-items:center;background:#fff;border:1px solid #eee;border-radius:12px;display:flex;justify-content:center;line-height:1;margin:0;min-height:100px;padding:10px 20px}.thebox.spell{padding:0 10px}.thebox img{aspect-ratio:1/1;margin:5px;max-width:60px;transition:all .5s}.thebox.single img{max-width:150px;width:100%}.thebox.drag{height:100%;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s;width:100%}.thebox.drag img{-webkit-filter:grayscale(.2);filter:grayscale(.2);max-width:120px;width:100%}.thebox input{font-weight:700;max-width:2ch;text-transform:uppercase}.thebox.fit{max-width:-webkit-max-content;max-width:max-content}.dh-grid .item.active{-webkit-transform:scale(1.02);transform:scale(1.02);z-index:2}.dh-grid .item.active img{-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.4)) brightness(1.2) contrast(1.2);filter:drop-shadow(0 4px 4px rgba(0,0,0,.4)) brightness(1.2) contrast(1.2)}.dh-grid .item.active .drag{box-shadow:0 0 0 5px #025589,0 0 20px -5px rgba(0,0,0,.8);box-shadow:0 0 0 5px #f44336,0 0 20px -5px rgba(0,0,0,.8),inset 0 -8px 30px -15px #f44336}.layer-img.active,.thebox img.active{-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.4)) brightness(1.2) contrast(1.2);filter:drop-shadow(0 4px 4px rgba(0,0,0,.4)) brightness(1.2) contrast(1.2);-webkit-transform:scale(1.1);transform:scale(1.1)}.operator{color:#006400;font-size:10vw;font-weight:900;line-height:.9;text-shadow:2px 2px 1px #fff,2px -2px 1px #fff,-2px 2px 1px #fff,-2px -2px 1px #fff}.thebox .value{font-size:7vw;font-weight:700;min-width:2ch}.thebox.spell .value{font-size:3vw}.kbclicker,.thebox input{-webkit-appearance:none;appearance:none;background:transparent;border:0;font-size:7vw;margin:0;padding:0;text-align:center;width:auto}.countimage{max-height:80px}.number{font-size:40px;font-weight:800}.thebox input,.thebox input:active,.thebox input:focus{appearance:button;-webkit-appearance:button;border:0;border-bottom:1px solid #282c34;outline:0}.btn{background:#61dafb;border-radius:6px;cursor:pointer;font-size:20px;margin:5px;padding:10px 20px;text-transform:uppercase}.btn,.head{color:#025589;font-family:Boba Cups;font-weight:900;text-align:center}.head{font-size:34px;line-height:1.2;text-shadow:2px 2px 1px #fff,2px -2px 1px #fff,-2px 2px 1px #fff,-2px -2px 1px #fff;width:100%}.pages{bottom:5px;padding:0 5px;pointer-events:none;position:fixed;width:100%;z-index:3}.pages .btn{font-size:2vw;pointer-events:all}.kbclicker{border-bottom:2px solid #ccc;height:100%;width:2ch}.dragger{cursor:move}.dragging .drag,.dragging .dragger{box-shadow:0 0 0 4px #025589;box-shadow:0 0 0 5px #f44336,0 0 20px -5px rgba(0,0,0,.8),inset 0 -8px 30px -15px #f44336}.stage{position:relative}.stage img.img-fluid{height:auto;pointer-events:none;width:100%}.stage .layer{height:auto;max-width:100%;position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;width:auto;z-index:2}.stage .layer-img.drop{-webkit-filter:brightness(0);filter:brightness(0);opacity:.4}.layer.decor{pointer-events:none;z-index:0}.drag-handle{height:100%;left:0;opacity:1!important;overflow:hidden;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%}.drag-handle[aria-pressed=true]{opacity:.4!important}.drag-handle img{left:0;pointer-events:none}.droppable-handle{-webkit-transform-origin:0 0;transform-origin:0 0}.droppable-handle,.droppable-handle>div{height:100%;left:0;position:absolute;top:0;width:100%}.droppable-handle img{left:0;pointer-events:none}.layer-img{width:100%}.btn-overlay{bottom:75px}@media (hover:none){body,html{height:100%;margin:0;overflow:hidden;padding:0}}@media(max-width:1024px){.container,.container-lg,.container-md,.container-sm{max-width:95%}.App>.container{max-width:100%;padding:0}}@media(max-width:640px){.head{font-size:30px}.thebox{margin:0}.thebox img{max-width:48px}.App{height:100%;justify-content:stretch;margin:0}.twobytwo>.d-flex{flex-basis:50%}.thebox.single img{max-width:30%}.picspell .thebox.single img{max-width:100%}.mathwithimage .thebox img{margin:0;max-width:45px;padding:2px}.dragsection{flex-basis:46%}.thebox.spell .value{font-size:5vw}.thebox.drag img{max-width:100px}}.wrapper{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transform:rotateX(40deg);transform:rotateX(40deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.slides{height:200%;left:50%;overflow:auto;padding:50px 0;-webkit-perspective:313px;perspective:313px;position:fixed;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:200%}.slide{box-shadow:inset 0 0 0 5px hsla(0,0%,78%,.25);height:400px;margin:auto;position:relative;-webkit-transform:rotateX(-40deg);transform:rotateX(-40deg);-webkit-transform-origin:0 0;transform-origin:0 0;width:600px}.title{color:#fff;font-size:275%;left:50%;position:absolute;text-transform:uppercase;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap}.slide:first-child{background:rgba(217,38,38,.75)}.slide:nth-child(2){background:rgba(217,172,38,.75)}.slide:nth-child(3){background:rgba(128,217,38,.75)}.slide:nth-child(4){background:rgba(38,217,83,.75)}.slide:nth-child(5){background:rgba(38,217,217,.75)}.slide:nth-child(6){background:rgba(38,113,217,.75)}.drag-grid{background-color:#fff;display:grid;grid-template-columns:1fr 1fr;max-width:700px}.drag-grid>div{position:relative}.drag-grid>div>div{border:.001rem solid #eee;height:0;min-width:150px;overflow:hidden;padding-top:100%;position:relative;width:100%}.drag-grid>div:before{content:attr(data-id)}.drag-grid img{height:200%;left:0;position:absolute;top:0;width:200%}.drag-grid .dragging{background-color:#fff;box-shadow:0 0 0 5px #025589;opacity:.5!important;padding-top:0}.drag-grid .dragging-over{outline:2px dashed red}.slice_0>img{left:0;top:0}.slice_1>img{left:-100%;top:0}.slice_2>img{left:0;top:-100%}.slice_3>img{left:-100%;top:-100%}.drag-grid.g3x3{grid-template-columns:1fr 1fr 1fr}.drag-grid.g3x3>div>div{min-width:100px}.drag-grid.g3x3 img{height:300%;position:absolute;width:300%}.g3x3 .slice_0>img{left:0;top:0}.g3x3 .slice_1>img{left:-100%;top:0}.g3x3 .slice_2>img{left:-200%;top:0}.g3x3 .slice_3>img{left:0;top:-100%}.g3x3 .slice_4>img{left:-100%;top:-100%}.g3x3 .slice_5>img{left:-200%;top:-100%}.g3x3 .slice_6>img{left:0;top:-200%}.g3x3 .slice_7>img{left:-100%;top:-200%}.g3x3 .slice_8>img{left:-200%;top:-200%}.body{background:#252825;bottom:99.99%;height:100%;left:0;margin:0;overflow:hidden;padding:0;-webkit-perspective:400px;perspective:400px;right:0;top:0}.body,label{position:fixed}label{background:#fff;border-radius:3px;font:100%/1.5 Arial;margin:.5em;padding:.25em .5em;z-index:1}.wrapper{transition:transform .5s}.slide{transition:transform .5s 1s}.slides{box-shadow:0 0 0 1px #0c0;transition:width .5s 2s}body{height:100vh;margin:0}.container,body{align-items:center;display:flex;justify-content:center}h1{text-align:center}.grid-item{background:#fff;border-radius:4px;box-shadow:0 0 4px rgba(0,0,0,.3);margin:0;min-height:40px;padding:16px}body{margin:0!important;overflow-y:auto!important;padding:0!important;width:100%!important}#root,body{height:100%!important}.ns-container{height:100vh;margin:0!important;overflow:hidden!important}.ns-fixed-element{position:fixed!important;will-change:top}.ns-horizontal-section{height:100%!important;overflow-x:hidden!important;position:relative;width:100%!important}.ns-horizontal-section__animation-wrap,.ns-horizontal-section__pin-wrap{align-items:center;display:flex;height:100vh!important;position:relative!important}.ns-horizontal-section__item{align-items:center;display:flex;height:calc(100vh - 400px);padding:200px 100px;width:50vw}.ns-gelly-element{display:flex;will-change:transform!important}.ns-parallax-image{display:block!important;margin:0;overflow:hidden!important;padding:0;position:relative!important;width:100%!important}.ns-parallax-image__inner{height:100%!important;left:0!important;object-fit:cover!important;position:absolute!important;top:0!important;width:100%!important;will-change:transform!important}.ns-sequence-section{height:100vh!important;position:relative}.ns-sequence-section__canvas{max-height:100vh!important;max-width:100vw!important;vertical-align:middle!important}@font-face{font-display:swap;font-family:Boba Cups;font-style:normal;font-weight:400;src:url(https://assets.dhvij.com/fonts/BobaCups.eot);src:url(https://assets.dhvij.com/fonts/BobaCups.eot?#iefix) format("embedded-opentype"),url(https://assets.dhvij.com/fonts/BobaCups.woff2) format("woff2"),url(https://assets.dhvij.com/fonts/BobaCups.woff) format("woff"),url(https://assets.dhvij.com/fonts/BobaCups.ttf) format("truetype")}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}@keyframes rotate{0%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}button{border:0}.btn{background:transparent}.circle{background-image:url(https://assets.dhvij.com/images/buttons/button.svg);background-size:100% 100%;color:#e7e7e7;cursor:pointer;font-family:Boba Cups;height:60px;line-height:80px;text-align:center;text-shadow:0 2px 0 #a59fe3,0 0 5px #56b4d9;width:70px}.circle:hover{-webkit-filter:hue-rotate(45deg);filter:hue-rotate(45deg)}.circle.mini{height:34px;width:40px}.left{background-image:url(https://assets.dhvij.com/images/buttons/left.svg)}.right{background-image:url(https://assets.dhvij.com/images/buttons/right.svg)}.next{background-image:url(https://assets.dhvij.com/images/buttons/forward.svg)}.prev{background-image:url(https://assets.dhvij.com/images/buttons/backward.svg)}.restart{background-image:url(https://assets.dhvij.com/images/buttons/restart.svg);-webkit-filter:hue-rotate(95deg) brightness(1.2);filter:hue-rotate(95deg) brightness(1.2)}.menu{background-image:url(https://assets.dhvij.com/images/buttons/menu.svg);-webkit-filter:hue-rotate(200deg) brightness(1.2);filter:hue-rotate(200deg) brightness(1.2)}.accept{background-image:url(https://assets.dhvij.com/images/buttons/correct.svg)}.cancel{background-image:url(https://assets.dhvij.com/images/buttons/exit.svg)}.home{background-image:url(https://assets.dhvij.com/images/buttons/home.svg)}.settings{background-image:url(https://assets.dhvij.com/images/buttons/settings.svg)}.volume{background-image:url(https://assets.dhvij.com/images/buttons/speaker.svg)}.info{background-image:url(https://assets.dhvij.com/images/buttons/info.svg)}.play{background-image:url(https://assets.dhvij.com/images/buttons/normal/play.png)}.small{background-image:url(https://assets.dhvij.com/images/buttons/button-small.svg);height:80px;line-height:50px;padding:0;width:204px}.small:hover{-webkit-filter:hue-rotate(45deg);filter:hue-rotate(45deg)}.long{background-image:url(https://assets.dhvij.com/images/buttons/button.svg);height:50px;line-height:50px;padding:0;width:204px}.tile{background-color:initial;background-size:auto 100%;border-radius:20px;-webkit-filter:drop-shadow(0 0 5px rgba(0,0,0,.1));filter:drop-shadow(0 0 5px rgba(0,0,0,.1))}.theme-1 .tile,.tile{background-image:url(https://assets.dhvij.com/images/theme/1/tile.png)}.theme-2 .tile{background-image:url(https://assets.dhvij.com/images/theme/2/tile.png)}.theme-3 .tile{background-image:url(https://assets.dhvij.com/images/theme/3/tile.png)}.theme-4 .tile{background-image:url(https://assets.dhvij.com/images/theme/4/tile.png)}.theme-5 .tile{background-image:url(https://assets.dhvij.com/images/theme/5/tile.png)}.theme-6 .tile{background-image:url(https://assets.dhvij.com/images/theme/6/tile.png)}.theme-7 .tile{background-image:url(https://assets.dhvij.com/images/theme/7/tile.png)}.theme-8 .tile{background-image:url(https://assets.dhvij.com/images/theme/8/tile.png)}.theme-9 .tile{background-image:url(https://assets.dhvij.com/images/theme/9/tile.png)}.theme-10 .tile{background-image:url(https://assets.dhvij.com/images/theme/10/tile.png)}.theme-11 .tile{background-image:url(https://assets.dhvij.com/images/theme/11/tile.png)}.theme-12 .tile{background-image:url(https://assets.dhvij.com/images/theme/12/tile.png)}.theme-13 .tile{background-image:url(https://assets.dhvij.com/images/theme/13/tile.png)}.theme-14 .tile{background-image:url(https://assets.dhvij.com/images/theme/14/tile.png)}.theme-15 .tile{background-image:url(https://assets.dhvij.com/images/theme/15/tile.png)}.theme-16 .tile{background-image:url(https://assets.dhvij.com/images/theme/16/tile.png)}.spaceship{left:0;position:absolute;top:0;width:300px;z-index:20}.spaceship img{width:100%}.circle span{display:block;line-height:40px;margin-top:50px;max-width:80vw;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content}.menu-bg{background:url(https://data.dhvij.com/images/frames/level-bg.svg) no-repeat 50%/100% 100%;bottom:0;left:0;padding:8vh 7vh 16vh;right:0;top:0}.menu-grid{grid-gap:20px;align-items:center;display:flex;display:grid;flex-direction:column;grid-template-columns:1fr 1fr 1fr;max-height:100%}.menu-grid>div{align-items:center;display:flex;justify-content:center;width:100%}.menu-grid .circle{margin:50px 0 30px;opacity:0;position:relative;-webkit-transform:scale(2);transform:scale(2);transition:all .5s}.visible .circle{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.btn.level{background:url(https://assets.dhvij.com/images/frames/level-icon.svg) no-repeat 50% 30px/contain;color:#fff;font-size:32px;height:130px;margin:0 auto;padding:40px 0 0;transition:all .4s;width:65px}.star-board:hover .btn{color:#ffd039;font-size:40px}.star-board:hover .stars{-webkit-transform:scale(.8) translateX(-50%);transform:scale(.8) translateX(-50%)}.stars{background:url(https://assets.dhvij.com/images/frames/stars_0.png) 50%/cover;height:0;left:50%;max-width:80px;padding-top:3vh;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:0 50%;transform-origin:0 50%;transition:all .4s;width:100%}.planets>div{-webkit-perspective:600px;perspective:600px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.planets>div>div{opacity:0;-webkit-transform:scale(.2) translateZ(-1300px) rotateX(45deg);transform:scale(.2) translateZ(-1300px) rotateX(45deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:all .5s}.planets>div.visible>div{opacity:1;-webkit-transform:scale(1) translateZ(0) rotateX(0);transform:scale(1) translateZ(0) rotateX(0)}.grid .planet>img{-webkit-animation:rotate 10s linear infinite alternate;animation:rotate 10s linear infinite alternate;height:80%;left:10%;position:absolute;top:10%;transition:all .5s;width:80%}.grid .planet:hover>img{height:60%;left:20%;top:20%;width:60%}.health{left:10px;max-width:200px;position:relative;position:absolute;top:15px}.health img{max-height:30px}.health span{background-color:#ccc;border:2px solid #fff;border-radius:20em;display:block;height:15px;left:30px;overflow:hidden;position:absolute;top:8px;width:100px}.health span>em{background-color:#66f4ff;border-radius:20em;box-shadow:inset 0 2px 0 2px hsla(0,0%,100%,.1),inset 0 -3px 0 2px #3f88cc;height:100%;left:0;position:absolute;top:0}.timer{max-width:200px;position:relative;position:absolute;right:10px;top:15px}.timer img{width:100%}.timer span{border-radius:20em;color:#00a0e6;display:block;font-family:Boba Cups;font-size:2em;font-style:normal;font-weight:400;left:35%;line-height:1.5em;overflow:hidden;position:absolute;text-shadow:1px 2px 1px rgba(0,0,0,.2);top:10%;width:56%}@-webkit-keyframes slide{0%{background-position-x:0}to{background-position-x:-800vh}}@keyframes slide{0%{background-position-x:0}to{background-position-x:-800vh}}.layer0,.layer1,.layer10,.layer11,.layer2,.layer3,.layer4,.layer5,.layer6,.layer7,.layer8,.layer9{background-size:200vh!important}.appscreen{-webkit-animation:slide 4s linear infinite forwards paused;animation:slide 4s linear infinite forwards paused}.appscreen.fg{opacity:1;pointer-events:none;z-index:2}.appscreen.fg .layer0{-webkit-filter:saturate(1);filter:saturate(1)}.true .appscreen{-webkit-animation-play-state:running;animation-play-state:running}.layer6{-webkit-animation-duration:90s;animation-duration:90s}.layer5{-webkit-animation-duration:180s;animation-duration:180s}.layer4{-webkit-animation-duration:160s;animation-duration:160s}.layer3{-webkit-animation-duration:140s;animation-duration:140s}.layer2{-webkit-animation-duration:120s;animation-duration:120s}.layer1{-webkit-animation-duration:100s;animation-duration:100s}.layer0{-webkit-animation-duration:30s;animation-duration:30s}.appStopper{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(36,50,101,.53);display:flex;height:100%;z-index:100}.dialog{background:url(https://assets.dhvij.com/images/frames/dialog.svg) 50% 50%/cover;border-radius:0;margin:0 auto;max-height:80vh;max-width:300px;min-height:370px;min-width:300px;padding:35px 40px;position:relative}.dialog-button{position:absolute;right:-5px;top:0}.dialog .small{height:51px;line-height:50px;margin-bottom:10px;width:104px}.dialog .long{font-weight:700;height:55px;line-height:55px;margin-bottom:10px;width:204px}.settings{z-index:3}.app-title,.app-title-container{max-width:500px;width:100%}.app-title{-webkit-filter:drop-shadow(0 0 10px rgba(0,0,0,.4));filter:drop-shadow(0 0 10px rgba(0,0,0,.4))}.level-bg{padding:0 10px}.level-container{margin:0 auto;position:relative;z-index:3}.level img,.level svg{height:auto;width:100%}.level .btn{line-height:40px;position:relative}.dh-grid{grid-gap:10px;display:grid}.dh-grid .dragsection>div>div{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr}.dh-grid .item{width:100%}.dh-grid.v2{grid-template-columns:1fr 1fr}@media (min-width:660px){.dh-grid{display:grid;grid-template-columns:1fr 1fr}.dh-grid .dragsection>div>div{display:grid;grid-template-columns:1fr}.dh-grid.v2{grid-template-columns:1fr 1fr 1fr 1fr}}@media (min-width:768px){.dh-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.dh-grid .dragsection>div>div{display:grid;grid-template-columns:1fr}}.grid{display:flex;flex-direction:column;flex-wrap:wrap;min-width:100%}.grid>div{height:35vw;margin:0 auto;max-width:50vw}.grid>div:nth-child(odd){-webkit-transform:translateX(-10vw);transform:translateX(-10vw)}.grid>div:nth-child(2n){-webkit-transform:translateX(10vw);transform:translateX(10vw)}.grid>div>div{background-position:50%;background-repeat:no-repeat;background-size:100%;color:#fff;cursor:pointer;font-size:2em;line-height:1;min-width:45vw;padding-top:45vw;position:relative;transition:all 1s}.grid img{height:auto;max-height:90vh;width:auto}.grid>div>div:hover .titles{text-shadow:0 0 0 #b32ab5,0 1px 0 #ae25b0,0 2px 0 #a920ab,0 3px 0 #a41ba6,0 4px 0 #9f16a1,0 5px 0 #9a119c,0 6px 0 #950c97,0 7px 0 #900792,0 8px 0 #8b028d,0 9px 0 #860088,0 10px 0 #810083,0 11px 10px rgba(0,0,0,.6),0 11px 1px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.2);-webkit-transform:translateY(-60%) scale(1.2);transform:translateY(-60%) scale(1.2)}.grid>div>div:hover{background-size:80%}.grid .titles{font-family:Boba Cups;font-size:4vw;font-style:normal;font-weight:400;left:10%;position:absolute;text-align:center;text-shadow:0 0 0 #31527b,0 1px 0 #2c4d76,0 2px 0 #274871,0 3px 0 #22436c,0 4px 0 #1d3e67,0 5px 0 #183962,0 6px 0 #13345d,0 7px 0 #0e2f58,0 8px 0 #092a53,0 9px 0 #04254e,0 10px 0 #002049,0 11px 10px rgba(0,0,0,.6),0 11px 1px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.2);text-transform:uppercase;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s ease-in-out;width:80%;z-index:2}.drop1{background:#15222c url(https://assets.dhvij.com/images/theme/-1/2.png);height:100%;position:fixed;-webkit-transform:translateZ(-2000px) scale(3);transform:translateZ(-2000px) scale(3);width:100%;z-index:-10}.drop2{background:url(https://assets.dhvij.com/images/theme/-1/3.png) 50% 0;-webkit-transform:translateZ(-1500px) scale(2.3);transform:translateZ(-1500px) scale(2.3);z-index:-9}.drop2,.drop3{height:100%;left:0;position:fixed;width:100%}.drop3{background:url(https://assets.dhvij.com/images/theme/-1/4.png);-webkit-transform:translateZ(-1000px) scale(2);transform:translateZ(-1000px) scale(2);z-index:-8}@media (max-width:768px){@-webkit-keyframes slide{0%{background-position-x:0}to{background-position-x:-300vh}}@keyframes slide{0%{background-position-x:0}to{background-position-x:-300vh}}.menu-bg{padding:6vh 5vh 13vh}.grid{display:flex;flex-wrap:wrap;margin:100px 0 0;padding-bottom:100px}.grid>div{height:90vw;max-width:100%;-webkit-transform:none!important;transform:none!important}.grid img{height:auto;width:100%}.grid>div>div{margin:0 auto;min-width:80vw;padding-top:80vw}.grid .titles{font-size:1.2em}}html body div[data-rbd-placeholder-context-id]{display:none!important}html body div[data-rbd-draggable-context-id]:not(.dragging){-webkit-transform:translate(0)!important;transform:translate(0)!important}.questionindex{height:auto;left:10px;max-width:100px;top:48px}.questionindex img{max-height:25px}.questionindex span{background-color:#ccc;border:2px solid #fff;border-radius:20em;display:block;height:15px;left:30px;overflow:hidden;position:absolute;top:8px;width:130px}.questionindex span>em{background-color:#ffdb51;border-radius:20em;box-shadow:inset 0 2px 0 2px hsla(0,0%,100%,.1),inset 0 -3px 0 2px #ffa22c;height:100%;left:0;position:absolute;top:0;transition:all .5s}.draggable{touch-action:none}.level .star-board .stars{bottom:auto;height:35px;top:0;width:80px}.star-board .stars{bottom:0;max-width:140px;padding-top:30%;top:auto;width:100%}.star-board .stars.r1{background-image:url(https://assets.dhvij.com/images/frames/stars1.png)}.star-board .stars.r2{background-image:url(https://assets.dhvij.com/images/frames/stars2.png)}.star-board .stars.r3{background-image:url(https://assets.dhvij.com/images/frames/stars3.png)}.text{color:#fff;font-family:Boba Cups;font-size:2em}.star-board{padding-top:0;width:210px}.panel{background:url(https://assets.dhvij.com/images/frames/panel-bg.svg) 50%/100% 100%;color:#fff;font-size:18px;line-height:50px;width:100%}@media (max-height:667px) and (orientation:portrait){.App{padding:85px 20px 7px}.thebox.drag img{max-width:70px}}@media (max-height:414px) and (orientation:landscape){.thebox.drag img{max-width:70px}.dh-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}}@media (orientation:portrait){.level-container{height:auto;width:100vw}.stage img.img-fluid{height:auto;width:calc(100vw - 10px)}}@media (orientation:portrait) and (min-width:420px){.level-container{height:auto;width:100vw}.stage img.img-fluid{height:auto;width:calc(100vw - 50px)}}@media (orientation:portrait) and (min-width:520px){.level-container{height:auto;width:72vw}.stage img.img-fluid{height:auto;width:calc(100vw - 50px)}}@media (orientation:landscape){.level-container{height:auto;width:62vh}.stage img.img-fluid{height:calc(100vh - 60px);width:auto}}
/*# sourceMappingURL=main.ec61bae5.css.map*/