@import url(https://fonts.googleapis.com/css2?family=Concert+One&family=Kaushan+Script&family=Aladin&family=Berkshire+Swash&family=Caveat+Brush&family=Niconne&family=Merienda+One&family=Pacifico&display=swap);*{background:#2e2f29}.App{text-align:center;position:relative;padding-bottom:30px}h1{font-family:"Merienda One",cursive;color:#ff7129;text-shadow:2px 2px 2px #000}.copyright{color:#fff;background:none;font-family:"Niconne",cursive;font-size:18px;position:absolute;bottom:0;right:10px}@media screen and (max-width:480px){.App{padding-bottom:70px}.copyright{bottom:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}*{box-sizing:border-box}@-webkit-keyframes parchment__message{0%{-webkit-transform:translate(-50%,-50%) scaleX(0);transform:translate(-50%,-50%) scaleX(0);visibility:hidden;opacity:0}30%{-webkit-transform:translate(-50%,-50%) scaleX(1);transform:translate(-50%,-50%) scaleX(1);visibility:visible;opacity:1}60%{-webkit-transform:translate(-50%,-50%) scaleX(1);transform:translate(-50%,-50%) scaleX(1);visibility:visible;opacity:1}to{-webkit-transform:translate(-50%,100%) scaleX(1);transform:translate(-50%,100%) scaleX(1);visibility:hidden;opacity:0}}@keyframes parchment__message{0%{-webkit-transform:translate(-50%,-50%) scaleX(0);transform:translate(-50%,-50%) scaleX(0);visibility:hidden;opacity:0}30%{-webkit-transform:translate(-50%,-50%) scaleX(1);transform:translate(-50%,-50%) scaleX(1);visibility:visible;opacity:1}60%{-webkit-transform:translate(-50%,-50%) scaleX(1);transform:translate(-50%,-50%) scaleX(1);visibility:visible;opacity:1}to{-webkit-transform:translate(-50%,100%) scaleX(1);transform:translate(-50%,100%) scaleX(1);visibility:hidden;opacity:0}}.sudokuGrid{display:grid;grid-template-columns:auto auto auto auto auto auto auto auto auto;grid-template-rows:auto auto auto auto auto auto auto auto auto;height:450px;width:450px;border-collapse:collapse;margin:20px;-webkit-order:2;order:2;outline:3px solid #ff7129;box-shadow:0 1px 2px #000,0 2px 4px #000,0 4px 8px #000,0 8px 16px #000,0 16px 32px #000,0 32px 64px #000}.input__help{color:#ff7129;font-size:30px!important;position:absolute;top:10px;right:10px;cursor:pointer}.input__helpContent{position:fixed;background:url(/static/media/parchment.73d87ae7.png);top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:auto;width:auto;background-size:100% 100%;background-repeat:no-repeat;text-align:center;padding:50px;color:#000;font-size:20px;font-weight:600;overflow:hidden;font-family:"Berkshire Swash",cursive;visibility:hidden;opacity:0;transition:visibility 2s ease,opacity 2s ease}.form{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.output .sudokuGrid{-webkit-order:2;order:2}.output__back{background:none;-webkit-order:3;order:3}.invisible__block{visibility:hidden;-webkit-order:1;order:1}.input__clear,.input__solve,.invisible__block,.output__back>div{margin:20px 20px 10px;padding:5px;width:150px;color:#fff;font-family:" Pacifico",cursive;font-size:20px;font-weight:600;cursor:pointer;border-radius:6px;box-shadow:0 8px 15px 1px rgba(0,0,0,.7)}.input__clear:active,.input__solve:active,.output__back>div:active{box-shadow:0 2px 10px .5px rgba(0,0,0,.7)}.input__clear{border:2px solid #e9631f;background:#e6611e;text-shadow:5px 3px 3px #923d13;font-size:30px;-webkit-order:1;order:1}.input__solve{border:2px solid #b68c0f;background:#d6a40e;text-shadow:5px 3px 3px #664f09;font-size:30px;-webkit-order:3;order:3}.output__back>div{border:2px solid #e9631f;background:#e6611e;text-shadow:5px 3px 3px #923d13;font-size:30px}.output__back{text-decoration:none}.output__message{position:fixed;top:50%;left:50%;height:auto;width:auto;padding:100px;background:url(/static/media/parchment2.01622dbe.png);background-size:100% 100%;background-repeat:no-repeat;color:#000;font-weight:600;font-family:"Berkshire Swash",cursive;visibility:hidden;overflow:hidden;-webkit-animation:parchment__message 3s ease;animation:parchment__message 3s ease}.cell,.output__message{text-align:center;font-size:25px}.cell{width:50px;height:50px;margin:0;background:#393b33;outline:#883000;border:1px solid #000;border-collapse:collapse;color:#fff;font-weight:800;font-family:"Kaushan Script",cursive}.cell:focus{background:#292b25;color:transparent;text-shadow:0 0 0 #fff}@media screen and (max-width:920px){.form{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.sudokuGrid{-webkit-order:1;order:1}.invisible__block{-webkit-order:3;order:3}.input__solve{-webkit-order:2;order:2}.input__clear{-webkit-order:3;order:3}}@media screen and (max-width:480px){.form{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.sudokuGrid{height:360px;width:360px;-webkit-order:1;order:1}.cell{width:40px;height:40px}.input__helpContent{width:80%;top:40%}}
/*# sourceMappingURL=main.36a36a9b.chunk.css.map */