*{margin:0 auto;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:focus{outline:none}body{margin:0;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ebf3f3}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.select{position:absolute;display:block;width:300px;height:42px;z-index:3}#select-checkbox{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:5}#select-button{position:relative;height:42px;padding:12px 14px;background-color:#fff;cursor:pointer}#value{font-size:1.2rem;line-height:100%;margin-right:26px;text-align:center;padding-left:5px}#chevrons{position:absolute;top:0;right:0;bottom:0;width:30px}#chevrons i{display:block;height:50%;width:100%;color:#b1b9b9;font-size:12px;text-align:center;padding:0 5px 0 0}#chevrons i:first-child{padding-top:4px}#chevrons i:nth-child(2){padding-bottom:5px}#select-checkbox:checked~#select-button #chevrons i{color:#000}#options{position:absolute;top:42px;right:0;left:0;width:300px;background-color:#fff}#select-checkbox:checked~#options{border-color:#eaf1f1 #e4eded #dbe7e7;border-style:solid;border-width:1px}#options div{position:relative;line-height:1;transition:all .4s ease;z-index:2}#options>div>span{display:none;text-align:center;cursor:pointer}#select-checkbox:checked~#options div span{display:block;padding:14px 0}#options div:first-child:hover{background-color:#32c766}#options div:nth-child(2):hover{background-color:#0057ff}#options div:nth-child(3):hover{background-color:#f48024}#options div:nth-child(4):hover{background-color:#d62f2f}#options div:nth-child(5):hover{background-color:#333}#options>div:hover{color:#fff}@media screen and (max-width:320px){.select{width:85%}#options{width:100%;font-size:.8rem}#select-checkbox:checked~#options div span{display:block;padding:9px 0}}.playbtn{position:relative;display:block;text-transform:uppercase;font-size:1.3rem;color:#fff;width:300px;height:42px;text-align:center;line-height:42px;letter-spacing:2px;cursor:pointer;z-index:2;transition:1s}.playbtn>.go{z-index:3;background:linear-gradient(-45deg,#0162c8,#55e7fc);transition:1s}.playbtn>.go,.playbtn>.go:before{position:absolute;top:0;left:0;width:100%;height:100%}.playbtn>.go:before{content:"";-webkit-animation:go 10s linear infinite;animation:go 10s linear infinite}@-webkit-keyframes go{0%{width:0}90%{width:0;background:linear-gradient(135deg,rgba(85,230,252,.31),rgba(38,155,223,.36))}95%{width:100%;background:linear-gradient(135 deg,rgba(85,230,252,.42),rgba(67,153,245,.45))}to{width:100%}}@keyframes go{0%{width:0}90%{width:0;background:linear-gradient(135deg,rgba(85,230,252,.31),rgba(38,155,223,.36))}95%{width:100%;background:linear-gradient(135 deg,rgba(85,230,252,.42),rgba(67,153,245,.45))}to{width:100%}}.playbtn:hover{font-weight:600}@media screen and (max-width:320px){.playbtn{width:85%}}.main-menu{width:100vw;height:100vh;background:linear-gradient(135deg,#555,#222);text-align:center;padding-top:25vh}.main-menu>h1{color:#fff;position:relative;text-decoration:none;padding:2rem;font-size:700%}.main-menu>.select{left:50%;transform:translateX(-50%)}.main-menu>.playbtn{margin-top:60px}.info{position:absolute;display:block;width:300px;height:42px;z-index:3;padding:0;left:50%;color:#fff;transform:translateX(-50%)}#error{margin-top:16px;height:50px;width:300px;color:red;font-weight:700;display:inline-block}@media screen and (min-width:1440px){.main-menu{padding-top:30vh}}@media screen and (max-width:425px){.main-menu{padding-top:25vh}.main-menu>h1{font-size:5.5rem;padding-bottom:1rem}}@media screen and (max-width:375px){.main-menu{padding-top:20vh}.main-menu>h1{font-size:6rem;padding-bottom:2rem}}@media screen and (max-width:320px){.main-menu>h1{font-size:5rem;padding-bottom:1rem}}#game{margin:0 auto;width:100vw;height:100vh;background:linear-gradient(135deg,#555,#333);overflow:hidden}.card{width:70vw;background:radial-gradient(#fff,#ccc);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;box-shadow:1px 1px 10px hsla(0,0%,100%,.705)}.time-left{margin:0;width:0;height:1rem;background:linear-gradient(455deg,#1fb60b,#8ad46d);-webkit-animation:progess 4s linear;animation:progess 4s linear}@-webkit-keyframes progess{0%{width:100%;background:linear-gradient(455deg,#1fb60b,#8ad46d)}70%{width:20%;background:linear-gradient(455deg,#1fb60b,#8ad46d)}71%{width:19%;background:linear-gradient(455deg,#b60b0b,#d4766d)}to{width:0;background:linear-gradient(455deg,#b60b0b,#d4766d)}}@keyframes progess{0%{width:100%;background:linear-gradient(455deg,#1fb60b,#8ad46d)}70%{width:20%;background:linear-gradient(455deg,#1fb60b,#8ad46d)}71%{width:19%;background:linear-gradient(455deg,#b60b0b,#d4766d)}to{width:0;background:linear-gradient(455deg,#b60b0b,#d4766d)}}.card-main{width:100%}.card-main .hud{margin-bottom:6rem;font-size:1.3rem;display:flex}.card-main .hud div{margin:0;padding:.5rem 1.5rem}.card-main .hud .lives{margin-left:auto;max-height:inherit}.card-main p{font-size:2.5rem;text-transform:capitalize;font-family:Verdana,Geneva,Tahoma,sans-serif;margin-bottom:6rem}.card .card-btn{width:100%;background:linear-gradient(-45deg,#0162c8,#55e7fc);height:3rem;color:#fff;line-height:3rem;font-size:1.4rem}.card .card-btn:focus{background:linear-gradient(-45deg,#034e9e,#38e1fb)}.anim{color:red;font-size:1rem;position:relative;top:0;right:.8rem;display:none}@-webkit-keyframes minusHeart{0%{opacity:1;top:0}30%{opacity:0;top:2rem}31%{display:none;opacity:0;top:6rem}to{display:none;opacity:0;top:6rem}}@keyframes minusHeart{0%{opacity:1;top:0}30%{opacity:0;top:2rem}31%{display:none;opacity:0;top:6rem}to{display:none;opacity:0;top:6rem}}@media screen and (min-width:320px){.card{width:80vw}.card-main p{font-size:2rem;margin-bottom:4rem}.card-main .hud{margin-bottom:4rem;font-size:1.1rem}}@media screen and (min-width:375px){.card-main .hud{font-size:1.2rem}}@media screen and (min-width:425px){.card-main .hud{font-size:1.3rem;margin-bottom:5rem}.card-main p{font-size:2.5rem;margin-bottom:5rem}}@media screen and (max-width:425px){.card .card-btn{height:3.6rem}}@media screen and (min-width:768px){.card{width:60vw}.card-main .hud{font-size:1.6rem;margin-bottom:6rem}.card-main p{font-size:3rem;margin-bottom:6rem}}@media screen and (min-width:1024px){.card{width:600px}.card-main .hud{font-size:1.8rem;margin-bottom:8rem}.card-main p{font-size:3.2rem;margin-bottom:8rem}}.result-wrapper{width:100vw;text-align:center;height:100vh;background:linear-gradient(135deg,#555,#222)}.result-wrapper h1{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;position:relative;text-decoration:none;font-size:450%;margin-top:2rem}.result{width:70vw;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:2px 2px 10px #fff}.result>.hr{width:80%;margin:2rem auto;color:linear-gradient(45deg,#df0857,#bd2514)}.result>.show{margin-bottom:2rem;display:flex;padding:1rem}.result>.show>.show-items{display:flex;flex-direction:column}.result>.show>.show-items>span:first-child{color:#414040;font-size:150%}.result>.show>.show-items>span:nth-child(2){font-size:400%;font-weight:600}.retry-btn-wrapper{position:relative;display:block;text-transform:uppercase;width:100%;height:50px;text-align:center;line-height:42px;letter-spacing:2px;cursor:pointer;z-index:2}.retry-btn{z-index:3;color:#fff;height:100%;width:100%;font-size:1.3rem;border:none;transition:.2s;background:linear-gradient(45deg,#f54183,#fc3a24)}.retry-btn:hover{background:linear-gradient(45deg,#df0857,#bd2514)}.retry-btn:focus{letter-spacing:3px}@media screen and (max-width:320px){.result{width:80vw}.result-wrapper h1{font-size:300%;margin-top:1rem}.result>.hr{margin:1rem auto}.result>.show{margin-bottom:1rem;padding:.7rem}.result>.show>.show-items>span:first-child{font-size:100%}.result>.show>.show-items>span:nth-child(2){font-size:200%}}@media screen and (min-width:320px){.result{width:80vw}.result-wrapper h1{font-size:400%;margin-top:1rem}.result>.hr{margin:1rem auto}.result>.show{margin-bottom:1rem;padding:.7rem}.result>.show>.show-items>span:first-child{font-size:150%}.result>.show>.show-items>span:nth-child(2){font-size:300%}}@media screen and (min-width:450px){.result{width:70vw}.result-wrapper h1{margin-top:2rem}.result>.hr{margin:2rem auto}.result>.show{margin-bottom:2rem;padding:1rem}}@media screen and (min-width:1024px){.result{width:700px}.result-wrapper h1{margin-top:3rem}.result>.hr{margin:3rem auto}.result>.show{margin-bottom:3rem;padding:1rem}}
/*# sourceMappingURL=main.aab72bee.chunk.css.map */