@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{font-family:"Open Sans",sans-serif}#header{display:flex;justify-content:center;padding-top:60px;margin-bottom:15px}#header img{width:55px;margin-right:5px}#header h1{font-size:40px;margin-left:5px}#header h1 span{font-weight:400}#header a{display:flex;color:#000;text-decoration:none}.body-content{min-height:calc(100vh - 370px);padding-bottom:80px}#home-page{border:3px solid #000;width:450px;border-radius:15px;display:block;margin-left:auto;margin-right:auto}#home-page h3{font-weight:600;text-align:center;margin-top:25px}#home-page a{display:flex;justify-content:center;border:3px solid #000;border-radius:100px;width:150px;padding:5px;color:#000;text-decoration:none;font-weight:700;font-size:18px;margin-left:auto;margin-right:auto;margin-bottom:25px}#home-page a img{width:25px;margin-left:10px}.hovering-btn{-webkit-animation-name:arrow-move;animation-name:arrow-move;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes arrow-move{0%{transform:translateX(0)}to{transform:translateX(10px)}}@keyframes arrow-move{0%{transform:translateX(0)}to{transform:translateX(10px)}}#footer{display:flex;justify-content:center;height:100px;align-items:center}#footer h3{font-weight:600}#footer a{font-weight:700;color:#000;text-decoration:none}#footer h3 img{width:25px;margin-bottom:-5px;margin-left:3px;margin-right:3px}#play-page{border:3px solid #000;width:840px;border-radius:15px;display:block;margin-left:auto;height:334px;margin-right:auto}.play-caption{font-weight:600;text-align:center;margin-bottom:0;margin-top:25px}.square-container{margin-left:100px;margin-right:100px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:35px}.square{margin:5px;background-color:#ececec}.square-easy{width:190px;height:190px}.square-medium{width:90px;height:90px}.square-hard{width:40px;height:40px}#level-big{font-size:50px;font-weight:700;margin-top:70px}.level-small{text-align:center;margin-top:0;font-size:13px;font-weight:600}.square-green{background-color:#5fd253}.square-red{background-color:red}:focus{outline:none}::-moz-focus-inner{border:0}body{-webkit-tap-highlight-color:rgba(0,0,0,0)}#gameover-page{border:3px solid #000;width:450px;border-radius:15px;display:block;margin-left:auto;margin-right:auto}#gameover-page h3{font-weight:600;text-align:center;margin-top:25px}.gameover-caption{text-align:center;font-size:13px;margin-bottom:20px}#gameover-page a{display:flex;justify-content:center;border:3px solid #000;border-radius:100px;width:150px;padding:5px;color:#000;text-decoration:none;font-weight:700;font-size:18px;margin-left:auto;margin-right:auto;margin-bottom:25px}#gameover-page a img{width:25px;margin-left:10px}#difficulty-page{border:3px solid #000;width:450px;border-radius:15px;display:block;margin-left:auto;margin-right:auto;padding-bottom:15px}#difficulty-page h3{font-weight:600;text-align:center;margin-top:25px}#difficulty-page a{display:flex;justify-content:center;border:3px solid #000;border-radius:100px;width:150px;padding:5px;color:#000;text-decoration:none;font-weight:700;font-size:18px;margin-left:auto;margin-right:auto;margin-bottom:10px}#difficulty-page a img{width:25px;margin-left:10px}@-webkit-keyframes fade-top{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-top{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-simple{0%{opacity:0}to{opacity:1}}@keyframes fade-simple{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-zoom-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-zoom-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes level-zoom-out{0%{font-size:50px;font-weight:700;margin-top:70px}to{font-size:13px;font-weight:600;margin-top:0}}@keyframes level-zoom-out{0%{font-size:50px;font-weight:700;margin-top:70px}to{font-size:13px;font-weight:600;margin-top:0}}@-webkit-keyframes fade-green{0%{background-color:#5fd253}to{background-color:#ececec}}@keyframes fade-green{0%{background-color:#5fd253}to{background-color:#ececec}}@-webkit-keyframes fade-red{0%{background-color:red}to{background-color:#ececec}}@keyframes fade-red{0%{background-color:red}to{background-color:#ececec}}#header{-webkit-animation:fade-top 1s;animation:fade-top 1s}#difficulty-page,#gameover-page,#home-page,#play-page{-webkit-animation:fade-zoom-in 1s;animation:fade-zoom-in 1s}#footer{-webkit-animation:fade-simple 1s;animation:fade-simple 1s}#level-big{-webkit-animation:level-zoom-out 1s ease 1s,fade-simple 1s ease 0s;animation:level-zoom-out 1s ease 1s,fade-simple 1s ease 0s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.play-caption-ani{opacity:0;-webkit-animation:fade-simple 1.5s;animation:fade-simple 1.5s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.square-container-ani{-webkit-animation:fade-simple .5s;animation:fade-simple .5s;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.square-green{-webkit-animation:fade-green 1s;animation:fade-green 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.square-red{-webkit-animation:fade-red 1s;animation:fade-red 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
/*# sourceMappingURL=main.c556a2f0.chunk.css.map */