@import url(https://fonts.googleapis.com/css?family=Orbitron);:root{--width_frame:320px;--height_frame:568px}*{margin:0;padding:0}#root,body,html{font-family:Arial,Helvetica,sans-serif;overflow:hidden;height:100%;max-height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;background-image:-webkit-linear-gradient(left,transparent 79px,#abced4 0,#abced4 81px,transparent 0),-webkit-linear-gradient(#eee .1em,transparent 0);background-image:-o-linear-gradient(left,transparent 79px,#abced4 79px,#abced4 81px,transparent 81px),-o-linear-gradient(#eee .1em,transparent .1em);background-image:linear-gradient(90deg,transparent 79px,#abced4 0,#abced4 81px,transparent 0),linear-gradient(#eee .1em,transparent 0);background-size:100% 1.2em}.lcd_frame{--width_lcd_frame:var(--width_frame);--height_lcd_frame:calc(var(--height_frame) * 0.42);--width_lcd_housing:calc(var(--width_lcd_frame) * 0.85);--height_lcd_housing:calc(var(--height_lcd_frame) * 0.85);--height_lcd_level_txt:calc(var(--height_lcd_housing) * 0.18);--height_lcd_content:calc(var(--height_lcd_housing) * 0.72);--width_lcd_content:calc(var(--width_lcd_housing) * 0.88);--height_lcd_option:calc(var(--height_lcd_content) * 0.21);--width_lcd_face:calc(var(--width_lcd_content) * 0.23);--width_lcd_option:calc(var(--width_lcd_content) * 0.25);--height_lcd_text:calc(var(--height_lcd_content) * 0.4);width:var(--width_lcd_frame);height:var(--height_lcd_frame);-webkit-box-sizing:border-box;box-sizing:border-box}.lcd_housing{left:7.5%;top:3.2%;width:var(--width_lcd_housing);height:var(--height_lcd_housing);border-radius:5%;background:#373c40}.lcd_housing,.lcd_level_txt{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.lcd_level_txt{height:var(--height_lcd_level_txt);color:#dedede;font-size:1.2em;padding-top:8px;padding-left:10px;font-style:italic}.lcd_content,.lcd_level_txt{left:6%;width:var(--width_lcd_content)}.lcd_content{position:absolute;top:18%;height:var(--height_lcd_content);-webkit-box-shadow:inset 0 6px 0 #899885;box-shadow:inset 0 6px 0 #899885;border-radius:5%;-webkit-box-sizing:border-box;box-sizing:border-box;background:#a5b8a2}.lcd_face{position:absolute;left:5%;top:8%;width:var(--width_lcd_face);height:var(--height_lcd_option);border:5px solid #3e3e3e;border-radius:10px;-webkit-box-sizing:content-box;box-sizing:content-box}.lcd_face__happy{top:18%;-webkit-box-shadow:inset 2px -1px 0 3px #3e3e3e,34px -1px 0 -3px #a5b8a2,32px 0 0 #3e3e3e,16px 3px 0 5px #a4b8a2,16px 7px 0 5px #3e3e3e;box-shadow:inset 2px -1px 0 3px #3e3e3e,34px -1px 0 -3px #a5b8a2,32px 0 0 #3e3e3e,16px 3px 0 5px #a4b8a2,16px 7px 0 5px #3e3e3e}.lcd_face__happy,.lcd_face__sad{position:absolute;width:10px;height:10px;left:10%;background:#a4b8a2;border-radius:50%}.lcd_face__sad{top:35%;-webkit-box-shadow:inset 2px -1px 0 3px #3e3e3e,34px -1px 0 -3px #a5b8a2,32px 0 0 #3e3e3e,16px 5px 0 4px #a4b8a2,16px 2px 0 4px #3e3e3e;box-shadow:inset 2px -1px 0 3px #3e3e3e,34px -1px 0 -3px #a5b8a2,32px 0 0 #3e3e3e,16px 5px 0 4px #a4b8a2,16px 2px 0 4px #3e3e3e}.lcd_option{position:absolute;top:8%;width:var(--width_lcd_option);height:var(--height_lcd_option);border:5px solid #3e3e3e;background:#3e3e3e;color:#a5b8a2;border-radius:5px;-webkit-box-sizing:content-box;box-sizing:content-box;font-size:.8em;text-align:center}.lcd_moves{left:35%}.lcd_goal{left:68%}.lcd_pause{border:5px solid #9dae9a;background:#9cae99}.lcd_text{position:absolute;top:54%;width:var(--width_lcd_content);height:var(--height_lcd_text);-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;text-align:right;font-size:2.5em;letter-spacing:4px;font-family:Orbitron,sans-serif;text-shadow:3px 2px 0 #7c8a79;-webkit-transform:scaleY(1.4);-ms-transform:scaleY(1.4);transform:scaleY(1.4)}.container_arrow{position:absolute;left:30%;top:-120%;z-index:10}.chevron{position:absolute;width:2.1rem;height:.48rem;opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);-webkit-animation:move-chevron 3s ease-out infinite;animation:move-chevron 3s ease-out infinite}.chevron:first-child{-webkit-animation:move-chevron 3s ease-out 1s infinite;animation:move-chevron 3s ease-out 1s infinite}.chevron:nth-child(2){-webkit-animation:move-chevron 3s ease-out 2s infinite;animation:move-chevron 3s ease-out 2s infinite}.chevron:after,.chevron:before{content:"";position:absolute;top:0;height:100%;width:50%;-webkit-box-shadow:4px -5px 10px 0 #000;box-shadow:4px -5px 10px 0 #000;background:#fff}.chevron:before{left:0;-webkit-transform:skewY(30deg);-ms-transform:skewY(30deg);transform:skewY(30deg)}.chevron:after{right:0;width:50%;-webkit-transform:skewY(-30deg);-ms-transform:skewY(-30deg);transform:skewY(-30deg)}@-webkit-keyframes move-chevron{25%{opacity:1}33.3%{opacity:1;-webkit-transform:translateY(2.28rem);transform:translateY(2.28rem)}66.6%{opacity:1;-webkit-transform:translateY(3.12rem);transform:translateY(3.12rem)}to{opacity:0;-webkit-transform:translateY(4.8rem) scale(.5);transform:translateY(4.8rem) scale(.5)}}@keyframes move-chevron{25%{opacity:1}33.3%{opacity:1;-webkit-transform:translateY(2.28rem);transform:translateY(2.28rem)}66.6%{opacity:1;-webkit-transform:translateY(3.12rem);transform:translateY(3.12rem)}to{opacity:0;-webkit-transform:translateY(4.8rem) scale(.5);transform:translateY(4.8rem) scale(.5)}}.space_button{border-radius:8px;-webkit-box-shadow:0 -2px 0 2px #cbc4b8;box-shadow:0 -2px 0 2px #cbc4b8;background:#b5afa3;-webkit-box-sizing:border-box;box-sizing:border-box}.button,.space_button{position:absolute;width:var(--width_space_button);height:var(--height_space_button)}.button{top:-10px;font-size:1.3em;text-align:center;cursor:pointer;outline:none;color:#6d6d6d;background:#fff;border:none;border-radius:10px;-webkit-box-shadow:0 9px #d0d0d0;box-shadow:0 9px #d0d0d0}.button:active{-webkit-box-shadow:0 5px #d0d0d0;box-shadow:0 5px #d0d0d0;-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px)}.button:active,.button:disabled{-webkit-tap-highlight-color:transparent}.button__darkblue{background:#434b49;-webkit-box-shadow:0 9px #323837;box-shadow:0 9px #323837;color:#e4dcd0}.button__darkblue:active{-webkit-box-shadow:0 5px #323837;box-shadow:0 5px #323837}.button__lightgreen{background:#21a197;-webkit-box-shadow:0 9px #197971;box-shadow:0 9px #197971;color:#e4dcd0}.button__lightgreen:active{-webkit-box-shadow:0 5px #197971;box-shadow:0 5px #197971}.button__darkred{background:#c3302a;-webkit-box-shadow:0 9px #922420;box-shadow:0 9px #922420;color:#e4dcd0}.button__darkred:active{-webkit-box-shadow:0 5px #922420;box-shadow:0 5px #922420}.button__gold{background:#e2bc1d;-webkit-box-shadow:0 9px #aa8d16;box-shadow:0 9px #aa8d16;color:#e4dcd0}.button__gold:active{-webkit-box-shadow:0 5px #aa8d16;box-shadow:0 5px #aa8d16}.button__darkgreen{background:#45ae2d;-webkit-box-shadow:0 9px #348322;box-shadow:0 9px #348322;color:#e4dcd0}.button__darkgreen:active{-webkit-box-shadow:0 5px #348322;box-shadow:0 5px #348322}.button__lightorange{background:#e96e12;-webkit-box-shadow:0 9px #af530e;box-shadow:0 9px #af530e;color:#e4dcd0}.button__lightorange:active{-webkit-box-shadow:0 5px #af530e;box-shadow:0 5px #af530e}.button__lightpurple{background:#877bd5;-webkit-box-shadow:0 9px #655ca0;box-shadow:0 9px #655ca0;color:#e4dcd0}.button__lightpurple:active{-webkit-box-shadow:0 5px #655ca0;box-shadow:0 5px #655ca0}.button__lightblue{background:#6b93b5;-webkit-box-shadow:0 9px #506e88;box-shadow:0 9px #506e88;color:#e4dcd0}.button__lightblue:active{-webkit-box-shadow:0 5px #506e88;box-shadow:0 5px #506e88}.lcd_keyboard{--width_lcd_keyboard:var(--width_frame);--height_lcd_keyboard:calc(var(--height_frame) * 0.58);--width_space_button:calc(var(--width_lcd_keyboard) * 0.27);--height_space_button:calc(var(--height_lcd_keyboard) * 0.2);position:relative;width:var(--width_lcd_keyboard);height:var(--height_lcd_keyboard);-webkit-box-sizing:border-box;box-sizing:border-box}.flex-container{display:-ms-flexbox;display:flex;height:100%}.container{margin:auto;position:relative}.frame_game{width:var(--width_frame);height:var(--height_frame);-webkit-box-sizing:border-box;box-sizing:border-box;background:#e4dcd0}
/*# sourceMappingURL=main.fa0f4083.css.map*/