@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap);body{font-family:Raleway,sans-serif;margin:0;font-size:1.5em;text-align:center;background:#1b1523;color:#fff;padding:0}*,:after,:before,body{box-sizing:border-box}*{margin:0;padding:0}body,html{height:100vh;box-sizing:border-box}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}.App{max-width:690px;margin:auto;padding-top:5px;height:100vh}.App h1{font-size:clamp(16px,5vw,35px)}.audioFont{font-size:clamp(15px,4vw,30px);cursor:pointer}.counter{padding:5px 25px;justify-content:space-between;color:#c23866;font-size:clamp(.75rem,5vw,2rem)}.counter,.error,.loading{display:flex;align-items:center}.error,.loading{position:absolute;left:0;top:0;justify-content:center;height:100%;width:100%;z-index:3}.loading div{width:100px;height:100px;border-radius:50%;border-top:5px solid #c23866;-webkit-animation:rotate .5s ease infinite;animation:rotate .5s ease infinite}button{background:none;border:2px solid #fff;padding:6px 12px;border-radius:4px;color:#fff;font-weight:700;cursor:pointer;font-size:1em;transition:all .25s ease;margin-top:10px}button:hover{background:#c23866;color:#fff}.container{width:100%;height:-webkit-max-content;height:max-content;display:grid;grid-template-columns:repeat(4,1fr);padding:10px 20px;grid-gap:10px;gap:10px;margin-top:5px}.card{position:relative}.card img{border:2px solid #fff;border-radius:6px;cursor:pointer}.card .img__back{aspect-ratio:1/1}.card .img__back img{object-fit:cover;height:100%}.input{display:flex;position:absolute;z-index:2;left:0;top:0;justify-content:center;align-items:center;height:100%;width:100%;background:rgba(27,21,35,.9411764705882353);box-sizing:border-box}.wrapper{background-color:#261936;width:auto;padding:50px 80px 80px;height:65%;display:flex;flex-direction:column;position:relative;text-align:center;border-radius:10px;width:clamp(350px,60vw,700px)}.wrapper .name{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:12px;color:#fff}.wrapper .instruction{font-size:14px;color:#c23866;font-weight:500}.wrapper .info{font-size:17px;text-transform:uppercase}.error h2{font-size:20px;max-width:300px;font-weight:500}.error h2,.wrapper .intro{line-height:1.7;margin-inline:auto}.wrapper .intro{font-size:16px;max-width:200px;margin-top:15px}.input input{width:100%;height:40px;background:rgba(194,56,102,.5294117647058824);border:none;outline:none;color:#fff;border-radius:5px;padding:25px;margin:15px 0 90px;font-size:20px}::-webkit-input-placeholder{font-size:20px;text-align:center}:-ms-input-placeholder{font-size:20px;text-align:center}::placeholder{font-size:20px;text-align:center}.button{width:-webkit-max-content;width:max-content;padding:6px 54px;position:absolute;bottom:80px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scorecard h3{font-size:clamp(29px,5vw,35px);margin-bottom:10px;color:#c23866}.scorecard h4{font-size:clamp(22px,3vw,28px);margin-bottom:15px}.scorecard h5{font-size:clamp(18px,2vw,21px);margin-bottom:15px}.breakPoint{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1000;display:none;visibility:hidden;justify-content:center;align-items:center;text-align:center}@media (max-width:290px){.App{display:none;visibility:hidden}.breakPoint{display:flex;visibility:visible}}@media (max-height:440px){.App{display:none;visibility:hidden}.breakPoint{display:flex;visibility:visible}}@media (max-height:600px){div.result{display:none}div.result:first-child,div.result:last-child{display:contents}}@media (max-width:400px){.wrapper{padding:50px 20px 20px;height:80%}}@media (max-height:715px){.wrapper{padding-top:50px;height:80%}}@media (max-height:560px){.input input{height:40px;padding:25px;margin:15px 0 40px}}@media (max-height:480px){.input input{height:30px;padding:10px 25px;margin:15px 0 20px}}@media (max-width:600px){.container{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.wrapper{padding:25px}}@media (max-width:360px){.wrapper{padding:15px}}@media (max-width:1000px){.input input{font-size:15px}::-webkit-input-placeholder{font-size:15px;text-align:center}:-ms-input-placeholder{font-size:15px;text-align:center}::placeholder{font-size:15px;text-align:center}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.6d443f99.chunk.css.map */