@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;height:100vh;overflow:hidden;position:relative;width:100vw}.game-wrapper-deskop{flex-direction:row;min-height:100vh}.game-card-wrapper-desktop,.game-wrapper-deskop{align-items:center;display:flex;justify-content:center}.game-card-wrapper-desktop{height:100vh;position:static;width:50vw}.game-wrapper-mobile{flex-direction:column;min-height:100vh}.game-card-wrapper-mobile,.game-wrapper-mobile{align-items:center;display:flex;justify-content:center}.game-card-wrapper-mobile{height:50vh;position:static;width:100vw}.image-wrapper-desktop{height:100vh;width:50vw}.image-wrapper-desktop,.image-wrapper-mobile{-webkit-filter:brightness(40%);filter:brightness(40%);object-fit:cover;position:static}.image-wrapper-mobile{height:50vh;width:100vw}.bottom-left{bottom:2px;left:6px;position:fixed}.centered{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.circle-desktop{background-color:#fbf9f9}.circle-desktop,.circle-mobile{align-items:center;border-radius:50%;display:flex;height:70px;justify-content:center;overflow:hidden;position:absolute;width:70px}.circle-mobile{background-color:#f7f3f3}@-webkit-keyframes SlideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.correct-desktop{-webkit-animation:SlideUp .3s ease-in-out;animation:SlideUp .3s ease-in-out}.correct-desktop,.correct-mobile{background-color:#6ef3b7;height:105px;overflow:hidden;position:absolute;width:105px}.correct-mobile{border-radius:50%}.wrong-desktop{-webkit-animation:SlideUp .3s ease-in-out;animation:SlideUp .3s ease-in-out}.wrong-desktop,.wrong-mobile{background-color:#f4483f;height:105px;overflow:hidden;position:absolute;width:105px}.timer-wrapper,.wrong-mobile{border-radius:50%}.timer-wrapper{align-items:center;background-color:#f7f3f3;display:flex;height:70px;justify-content:center;position:absolute;width:70px}.svg{height:50px;width:50px}.svg,.vs{z-index:1}.text-wrapper-desktop{max-width:80%}.text-wrapper-desktop,.text-wrapper-mobile{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Nunito,sans-serif;height:auto;justify-content:center;position:absolute;text-align:center}.text-wrapper-mobile{max-width:90%}h1{font-family:Nunito;font-weight:700}h2{font-weight:400}h3{color:#dcdcdc;font-weight:200;line-height:.5}.btn1{align-items:center;background:none;border:1px solid #fff;border-radius:20px;color:#e0e0e0;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;margin-bottom:20px;width:120px}.rating{color:#fff34a;font-size:45px;font-weight:700}.score{color:#f1f1f1;font-family:Nunito,sans-serif}.arrow-up{border-bottom:6px solid #fff;margin:5px}.arrow-down,.arrow-up{border-left:6px solid transparent;border-right:6px solid transparent;height:0;width:0}.arrow-down{border-top:6px solid #fff;margin-left:6px}.lost-overlay{background-color:rgba(0,0,0,.8);height:100vh;position:absolute;width:100vw;z-index:3}.lost-box,.lost-overlay{align-items:center;display:flex;justify-content:center}.lost-box{background-color:#3c3c3e;color:#f1f1f1;flex-direction:column;font-family:Nunito,sans-serif;height:300px;width:600px}@keyframes SlideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes SlideSide{to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes SlideSide{to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes SlideUp2{to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes SlideUp2{to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.imageWrapper-animate-mobile{-webkit-animation:SlideUp2 .4s ease;animation:SlideUp2 .4s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:absolute}.imageWrapper-animate-desktop{-webkit-animation:SlideSide .4s ease;animation:SlideSide .4s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:absolute}.menu-bg-wrapper{background-image:linear-gradient(0deg,#041c32,#031f34,#032135,#032437,#032638,#03293c,#042d40,#043044,#04354c,#053b53,#05405b,#064663);height:100vh;justify-content:center;width:100vw}.menu-bg-wrapper,.menu-wrapper{align-items:center;background-color:#3c3c3e;display:flex;flex-direction:column}.menu-wrapper{border:1px solid #242424;border-radius:10px;-webkit-filter:drop-shadow(0 0 .75rem #1d1d1d);filter:drop-shadow(0 0 .75rem rgb(29,29,29));justify-content:top;margin:5px;overflow:hidden}.menu-wrapper-header{background-color:#1e1e1e;height:150px}.menu-wrapper-body,.menu-wrapper-header{align-items:center;display:flex;flex-direction:column;justify-content:center;width:600px}.menu-wrapper-body{height:450px}.menu-wrapper-body-option{height:400px;margin:auto}.menu-wrapper-body-option,.menu-wrapper-body-option2{align-items:center;display:flex;flex-direction:column;justify-content:center;width:600px}.menu-wrapper-body-option2{height:200px;text-align:center}.menu-text{color:#ecb365}.menu-bg{filter:blur(8px);-webkit-filter:blur(8px);filter:brightness(40%);height:100vh;object-fit:cover;position:absolute;width:100vw;z-index:0}.menu-btn{background:#aec3dc;border:1px solid #131313;border-radius:20px;color:#151515;font-size:20px;height:50px;margin:20px;width:150px}.menu-greencheck{height:25px;position:absolute;width:25px}
/*# sourceMappingURL=main.34d827c5.css.map*/