@import url(https://fonts.googleapis.com/css2?family=Chewy&display=swap);
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{background:#00d2ff;background:linear-gradient(0deg,#00d2ff,#3a7bd5);box-shadow:0 -26px 127px 13px rgba(0,0,0,.75)}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}h1{text-align:center;font-size:1.8em;font-family:monospace;padding:.7em}.container{max-width:910px;margin:0 auto;padding:0 15px;height:100vh}.all-wrap{display:flex;flex-direction:column}.all-wrapp{display:flex;flex-direction:row}.level-scene__inner{display:flex;align-items:center;height:100%}.letter{width:21px;height:46px;margin:0 2px;font-size:35px;border-radius:4px;white-space:nowrap}.letter .error{color:#8b0000;background:pink}.letter .valid{color:#0e630e;background:#e7fbd3}.letter .clear{color:#757575;background:#fff}.lock{display:flex;justify-content:center;width:52px;height:42px;background-color:gold;border-radius:12px;position:relative}.lock:before{content:"";width:26px;height:15px;border-radius:40px 40px 0 0;border:5px solid #555;border-bottom:none;position:absolute;top:-15px;left:11px}.lock:active{transition:.05s linear;transform:scale(.8)}.lock__key-hole{width:12px;height:12px;background-color:#555;border-radius:20px;margin-top:12px;position:relative}.lock__key-hole:before{content:"";width:0;height:0;border:6px solid transparent;border-bottom:14px solid #555;position:absolute;right:50%;transform:translateX(50%)}button{background:none;border:none}.keyboard{text-align:center;font-size:14px;font-family:sans-serif;color:#777}.keyboard__key-row{display:inline-block;height:3em;margin:.2em}.keyboard__key-row>div:active,.keyboard__key-row>div[data-pressed]{background:#fff;color:#aaa;position:relative;top:.2em;box-shadow:0 0 0 .05em #000}.keyboard__key-row>*{position:relative;background:#fff;text-align:center;color:#777;float:left;border-radius:.3em;margin:.1em;padding:.2em;width:3.3em;height:100%;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;border:1px solid #777}.keyboard__key{font-size:.8em}.keyboard__row--h1{height:1.7em;line-height:1.4em}.keyboard__row--h3{height:3.3em}.keyboard__row--h1>div{width:3.5em}.key--w3{width:4.6em}.key--w4{width:6em}.key--w5{width:6.5em}.key--w6{width:8.3em}.key--space{width:18em}.key--double>*{padding-top:.1em}.key--letter{line-height:2.8em}.key--bottom-left>*{position:absolute;text-align:left;bottom:.4em;left:.4em}.key--bottom-right>*{position:absolute;text-align:right;bottom:.4em;right:.4em}.key--fn>*{font-size:.6em;line-height:1em;padding-top:1.2em;padding-right:.2em;text-align:right;float:right}.key--word>*{font-size:.8em}.keyboard>.keyboard__row{text-align:center}.progress-bar{width:100%;height:100%}.progress-bar__bar{transition:all .25s ease-in-out 0s;height:10px;background-color:red}.box{display:flex;cursor:pointer;position:relative;width:160px;height:160px;background-color:hsla(0,0%,100%,.7);box-shadow:0 1px 4px 0 rgba(0,0,0,.37);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);border-radius:3px}.box:hover{box-shadow:0 2px 2px 0 rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.3)}.box__header{padding:15px;display:flex;justify-content:space-between;flex-direction:row}.box__content{flex-grow:1}.box__lock{display:flex;justify-content:center}.box__inner{display:flex;flex-flow:column nowrap;width:100%;flex-grow:1}.box__description{background:#fff;margin-top:auto}.box__level{font-weight:700;font-size:2.2em;line-height:18px;color:#666;margin-top:2px;letter-spacing:1px;color:hsla(0,0%,39.2%,.8)}.menu-scene{align-items:center;justify-content:center;height:100vh}.menu-buttons,.menu-scene{flex-direction:column;display:flex}.menu-button{min-width:200px;background:#fff;z-index:100;position:relative;border-radius:16px;margin-bottom:24px;font-family:"Chewy",cursive}.menu-button-link{text-decoration:none;font-size:1.5em;color:#2099b8;padding:10px 20px;display:block}.d-flex{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-space-between{justify-content:space-between}.align-vertical-center{display:flex;align-items:center;justify-content:center}.height-100vh{height:100vh}.page{position:absolute;left:0;right:0}.bg{width:100%;height:100vh;position:fixed;background-image:url(https://svgshare.com/i/Aun.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.page-enter{opacity:0;transform:scale(0)}.page-enter-active{transition:opacity .35s,transform .35s}.page-enter-active,.page-exit{opacity:1;transform:scale(1)}.page-exit-active{opacity:0;transform:scale(.1);transition:opacity .35s,transform .35s}
/*# sourceMappingURL=main.f10de74f.chunk.css.map */