@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Anton&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);@import url(https://fonts.googleapis.com/css2?family=Londrina+Outline&display=swap);#root,body,html{background-color:#050505;font-family:Righteous,cursive;height:100%;margin:0;overflow:hidden;width:100%}@media (max-width:480px){#root,body,html{margin:0}#root,.landing,body,html{background-color:#050505;height:100%;overflow:hidden;width:100%}.landing{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Fredoka One,cursive;font-size:12px;justify-content:center;letter-spacing:.75px;padding:0 20px;text-align:center}button,h1,h2,h3{display:none}.rotate{color:#fff;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40%;z-index:1}.instruct,.title{display:none}}@media (min-width:480px) and (max-height:500px){.rotate{display:none}.title{display:block;margin:0 auto;max-width:75%;position:absolute;top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.instruct{top:40%}.fortune,.instruct{left:50%;max-height:100%;max-width:80%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.fortune{top:50%}.landing{background-color:#813333;background:url(../../static/media/bg-op.cc5d122c0526ed16a426.jpg) no-repeat 50% fixed}.ins,.landing{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Fredoka One,cursive;font-size:20px;height:100%;justify-content:center;letter-spacing:.1px;overflow:hidden;padding:0 20px;text-align:center;width:100%}.ins{background-color:#813333;background:url(../../static/media/ins.3cc4691e473b3e09785d.jpg) no-repeat 50% fixed}.start{background:none;border:none;bottom:20%;cursor:pointer;margin-left:auto;margin-right:auto;position:absolute;z-index:20}.start img{border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #fff;cursor:pointer;height:50%;transition:all .3s ease;width:50%}.steering-left{right:20%}.steering-left,.steering-right{background-color:#85888c;background:none;bottom:0;color:#fff;float:left;height:50%;opacity:.8;padding:5px;position:absolute;width:20%}.steering-right{right:0}.modal{Display:flex;align-items:center;background-color:#171718;border-radius:20px;bottom:0;box-shadow:30px 50px 100px #38393a;height:250px;justify-content:center;left:0;position:absolute;width:130px}.modal-stand{background:linear-gradient(0deg,#8b1f11,#ad0e0e);border-radius:15px;bottom:1;box-shadow:0 2px 10px 0 rgba(0,0,0,.75);height:50%;position:absolute;top:1;width:15px}.modal-stand.left{left:-10px}.modal-stand.right{right:-10px}.modal-content{background-color:#dadada;border:1px solid #161718;border-radius:20px;height:95%;overflow:hidden;width:94%}.modal.open{border-radius:20px;bottom:1rem;box-shadow:0 0 10px rgba(0,0,0,.6);left:8rem;opacity:1}.modal.closed{bottom:-200px;left:6rem;opacity:0}.close-button{cursor:pointer;position:absolute;right:20px;top:20px}.front-cam{height:10%;left:33%;position:absolute;top:5px;width:35%}}@media (min-width:768px) and (max-width:991px) and (min-height:500px){#root,body,html{margin:0}#root,.landing,body,html{background-color:#050505;height:100%;overflow:hidden;width:100%}.landing{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Fredoka One,cursive;font-size:12px;justify-content:center;letter-spacing:.75px;padding:0 20px;text-align:center}button,h1,h2,h3{display:none}.rotate{color:#fff;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40%;z-index:1}.instruct,.title{display:none}}@media (min-width:992px) and (max-width:1199px){.rotate{display:none}.title{display:block;margin:0 auto;max-width:75%;position:absolute;top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.instruct{top:40%}.fortune,.instruct{left:50%;max-height:100%;max-width:80%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.fortune{top:50%}.landing{background-color:#813333;background:url(../../static/media/bg-op.cc5d122c0526ed16a426.jpg) no-repeat 50% fixed}.ins,.landing{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Fredoka One,cursive;font-size:20px;height:100%;justify-content:center;letter-spacing:.1px;overflow:hidden;padding:0 20px;text-align:center;width:100%}.ins{background-color:#813333;background:url(../../static/media/ins.3cc4691e473b3e09785d.jpg) no-repeat 50% fixed}.start{background:none;border:none;bottom:20%;cursor:pointer;margin-left:auto;margin-right:auto;position:absolute;z-index:20}.start img{border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #fff;cursor:pointer;transition:all .3s ease}.steering-left{right:20%}.steering-left,.steering-right{background-color:#85888c;background:none;bottom:0;color:#fff;float:left;height:50%;opacity:.8;padding:5px;position:absolute;width:20%}.steering-right{right:0}.modal{Display:flex;align-items:center;background-color:#171718;border-radius:20px;bottom:0;box-shadow:30px 50px 100px #38393a;height:400px;justify-content:center;left:0;position:absolute;width:220px}.modal-stand{background:linear-gradient(0deg,#8b1f11,#ad0e0e);border-radius:15px;bottom:1;box-shadow:0 2px 10px 0 rgba(0,0,0,.75);height:50%;position:absolute;top:1;width:20px}.modal-stand.left{left:-12px}.modal-stand.right{right:-12px}.modal-content{background-color:#dadada;border:1px solid #121213;border-radius:15px;height:95%;overflow:hidden;width:94%}.modal{transition:bottom .3s ease-in-out,opacity .3s ease-in-out}.modal.open{border-radius:20px;bottom:5rem;box-shadow:0 0 10px rgba(0,0,0,.6);left:10rem;opacity:1}.modal.closed{bottom:-200px;left:15rem;opacity:0}.close-button{cursor:pointer;left:20px;position:absolute;top:20px}.front-cam{height:10%;left:35%;position:absolute;top:8px;width:35%}}@media (min-width:1200px){.rotate{display:none}.title{display:block;margin:0 auto;max-width:75%;position:absolute;top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.instruct{top:40%}.fortune,.instruct{left:50%;max-height:100%;max-width:80%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.fortune{top:50%}.landing{background-color:#813333;background:url(../../static/media/bg-op.cc5d122c0526ed16a426.jpg) no-repeat 50% fixed}.ins,.landing{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Fredoka One,cursive;font-size:20px;height:100%;justify-content:center;letter-spacing:.1px;overflow:hidden;padding:0 20px;text-align:center;width:100%}.ins{background-color:#813333;background:url(../../static/media/ins.3cc4691e473b3e09785d.jpg) no-repeat 50% fixed}.start{background:none;border:none;bottom:20%;cursor:pointer;margin-left:auto;margin-right:auto;position:absolute;z-index:20}.start img{border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #fff;cursor:pointer;transition:all .3s ease}.steering-left{right:20%}.steering-left,.steering-right{background-color:#85888c;background:none;bottom:0;color:#fff;float:left;height:50%;opacity:.8;padding:5px;position:absolute;width:20%}.steering-right{right:0}.modal{Display:flex;align-items:center;background-color:#171718;border-radius:20px;bottom:0;box-shadow:30px 50px 100px #38393a;height:400px;justify-content:center;left:0;position:absolute;width:220px}.modal-stand{background:linear-gradient(0deg,#8b1f11,#ad0e0e);border-radius:15px;bottom:1;box-shadow:0 2px 10px 0 rgba(0,0,0,.75);height:50%;position:absolute;top:1;width:20px}.modal-stand.left{left:-12px}.modal-stand.right{right:-12px}.modal-content{background-color:#dadada;border:1px solid #121213;border-radius:15px;height:95%;overflow:hidden;width:94%}.modal{transition:bottom .3s ease-in-out,opacity .3s ease-in-out}.modal.open{border-radius:20px;bottom:10rem;box-shadow:0 0 10px rgba(0,0,0,.6);left:20rem;opacity:1}.modal.closed{bottom:-200px;left:15rem;opacity:0}.close-button{cursor:pointer;left:20px;position:absolute;top:20px}.front-cam{height:10%;left:35%;position:absolute;top:8px;width:35%}}@media only screen and (min-width:1024px) and (max-height:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.5){#root,body,html{margin:0}#root,.landing,body,html{background-color:#050505;height:100%;overflow:hidden;width:100%}.landing{align-items:center;background:#000;color:#fff;display:flex;flex-direction:column;font-family:Fredoka One,cursive;font-size:12px;justify-content:center;letter-spacing:.75px;padding:0 20px;text-align:center}button,h1,h2,h3{display:none}.rotate{color:#fff;display:block;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40%;z-index:1}.instruct,.title{display:none}}.controls{bottom:0;opacity:.9}.controls,.tools{background:none;color:#fff;display:none;padding:5px;position:absolute;right:0}.tools{opacity:1;top:0}p{font-family:monospace;font-size:12px;letter-spacing:.75px;margin:5px}.loading{color:#fff;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20%;z-index:1}.lottie-enter,.message-enter,.prize-enter{opacity:0}.lottie-enter-active,.message-enter-active,.prize-enter-active{opacity:1;transition:opacity 1s ease-in,-webkit-transform .3s ease-in;transition:opacity 1s ease-in,transform .3s ease-in;transition:opacity 1s ease-in,transform .3s ease-in,-webkit-transform .3s ease-in}.lottie-exit,.message-exit,.prize-exit{opacity:1}.lottie-exit-active,.message-exit-active,.prize-exit-active{opacity:0;transition:opacity 1s ease-out,-webkit-transform .3s ease-out;transition:opacity 1s ease-out,transform .3s ease-out;transition:opacity 1s ease-out,transform .3s ease-out,-webkit-transform .3s ease-out}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity 1s ease-in,-webkit-transform .3s ease-in;transition:opacity 1s ease-in,transform .3s ease-in;transition:opacity 1s ease-in,transform .3s ease-in,-webkit-transform .3s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity 1s ease-out,-webkit-transform .3s ease-out;transition:opacity 1s ease-out,transform .3s ease-out;transition:opacity 1s ease-out,transform .3s ease-out,-webkit-transform .3s ease-out}.App{display:flex;flex-direction:column;font-family:Nunito,sans-serif;justify-content:center;text-align:center}.question-card{background-color:#252222;background:none;border-radius:16px;margin:24px auto 0;width:75%}.landing-card,.question-card{color:#1a1818;height:40%;padding:16px}.landing-card{background-color:#2a2e57;margin:0 auto;width:85%}.q-layout{background-color:rgba(207,42,42,.986);border:2px solid rgba(207,42,42,.986);border-radius:10px;margin-top:10px;padding:10px;position:relative}.q-layout:before{border-bottom:10px solid rgba(207,42,42,.986);border-left:10px solid transparent;border-right:10px solid transparent;bottom:-10px;content:"";left:50%;position:absolute;-webkit-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg)}img.chat-img{height:60px;position:absolute;right:-10px;top:-30px;width:30px}ul{list-style:none;padding:0}li{background-color:rgba(24,47,175,.897);border:2px solid #090c31;border-radius:20px;color:#fcfcfc;font-size:10px;font-weight:700;margin-top:4px;padding:10px}.question-text{color:#e4e4e4;font-size:14px;margin:3px}.result-text{color:#2a256d;font-family:Fjalla One,sans-serif;font-size:14px;margin:3px}.final-results{background-color:#cf7777;border-radius:16px;box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3);color:#fff;height:auto;margin:64px auto 0;padding:16px;width:60%}.time{color:#f7f7fc;font-family:Londrina Outline,cursive;font-size:60px}#score{color:#d81313;margin:0 0 5px}#title{color:#d81313;margin-bottom:5px}#question{margin:5px}.m-title{height:100px;margin:20px auto 10px;width:150px}@media only screen and (max-height:500px){.App{display:flex;flex-direction:column;justify-content:center;text-align:center}.time{color:#e1e1e7;font-family:Londrina Outline,cursive;font-size:22px}.question-card{background-color:#252222;background:none;border-radius:16px;height:40%;margin:5px auto 0}.landing-card,.question-card{color:#1a1818;padding:16px;width:75%}.landing-card{background-color:#2a2e57;height:100%;margin:0 auto}.q-layout{background-color:rgba(207,42,42,.986);border:2px solid rgba(207,42,42,.986);border-radius:8px;margin-bottom:1em;padding:5px;position:relative}.q-layout:before{border-bottom:8px solid rgba(207,42,42,.986);border-left:8px solid transparent;border-right:8px solid transparent;bottom:-8px;content:"";left:50%;position:absolute;-webkit-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg)}img.chat-img{height:40px;position:absolute;right:-5px;top:-20px;width:20px}.m-title{height:50px;margin:40px auto 10px;width:90px}ul{list-style:none;margin-bottom:2px;margin-top:2px;padding:0}li{background-color:rgba(48,59,124,.897);border:2px solid #090c31;border-radius:20px;color:#fcfcfc;font-size:8px;margin-top:4px;padding:5px}.question-text{color:#fff;font-size:8px;margin:2px}.result-text{color:#34357c;font-family:Fjalla One,sans-serif;font-size:8px;margin:2px}.final-results{background-color:gray;border-radius:16px;box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3);color:#fff;font-size:8px;height:40%;margin:5px auto 0;padding:4px;width:80%}#score{margin:0 0 5px}#score,#title{color:#d81313;font-size:10px}#title{margin-bottom:2px;margin-top:12px}#question{margin:2px}}.FullPageImage{background-position:50%;background-repeat:no-repeat;background-size:cover}.FullPageImage,.FullPageLottie{height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100vw;z-index:10}.FullPageLottie{opacity:.3}.center-img{left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}
/*# sourceMappingURL=main.50d6b091.css.map*/