@import url(https://fonts.googleapis.com/css2?family=Amiri+Quran&family=Bungee+Spice&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amiri+Quran&family=Bungee+Spice&family=Young+Serif&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amiri+Quran&family=Bungee+Spice&family=Foldit&family=Young+Serif&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amiri+Quran&family=Besley&family=Bungee+Spice&family=Foldit&family=Young+Serif&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amiri+Quran&family=Besley&family=Bungee+Spice&family=Foldit&family=M+PLUS+Code+Latin:wght@200&family=Young+Serif&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{font-size:14px}button{border:none;cursor:pointer;font-weight:600;padding:30px;width:200px}.button-box-special{background:#383b3a}button:focus{outline:none}.eleven{background:#1bbbac;border-radius:5px;box-shadow:0 3px 5px #777,inset 0 0 0 #777;color:#fff;font-family:Amiri Quran,serif;font-family:Bungee Spice,sans-serif;font-family:"Young Serif",serif;font-size:1.6rem;margin:4rem;padding:10px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.eleven:hover{background:#1bb7a9;box-shadow:0 0 0 #777,inset 0 0 10px #777}.eleven:active{-webkit-transform:scale(.98);transform:scale(.98)}h2{font-family:"Young Serif",serif;font-size:2em}h2,h3{font-family:Amiri Quran,serif;font-family:Besley,serif;font-family:Bungee Spice,sans-serif;font-family:Foldit,sans-serif}h3{font-family:M PLUS Code Latin,monospace;font-family:"Young Serif",serif;font-weight:200}.App{flex-wrap:wrap;height:100vh;justify-content:center;overflow-x:hidden;width:100vw}.App,.puzzle{align-items:center;display:flex;-webkit-perspective:500px;perspective:500px}.puzzle{flex-direction:column;overflow:hidden}.suduko{display:inline-block;-webkit-perspective:500px;perspective:500px;position:relative;text-align:center}h1{box-sizing:border-box;display:block;font-family:Bungee Spice,sans-serif;font-size:2.8rem;height:2rem;top:0}.userux{box-sizing:border-box;display:none;padding:1.3rem;position:absolute;z-index:2}.userux,.uxcontent{height:100%;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);width:100%}.uxcontent{background-color:#767671;display:flex;flex-direction:column}.uxcontent,.waveloader{align-items:center;background:#000}.waveloader{display:inline-flex;height:50%;justify-content:center;top:0}.x1{font-family:Amiri Quran,serif;font-family:Bungee Spice,sans-serif;font-family:"Young Serif",serif;font-size:2.5rem}.x2{font-family:Amiri Quran,serif;font-family:Bungee Spice,sans-serif;font-family:Foldit,sans-serif;font-size:1.7rem}.detailsux{align-items:center;bottom:0;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;position:relative}.userseensont{display:inline-block;padding:2rem}.wave{-webkit-animation:wave 1s linear infinite;animation:wave 1s linear infinite;background:linear-gradient(45deg,cyan,#fff);border-radius:20px;height:7rem;margin:10px;width:5px}.wave:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.wave:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.wave:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.wave:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.wave:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}.wave:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}.wave:nth-child(8){-webkit-animation-delay:.7s;animation-delay:.7s}.wave:nth-child(9){-webkit-animation-delay:.8s;animation-delay:.8s}.wave:nth-child(10){-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes wave{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes wave{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}.suduko{box-shadow:0 2px 1px rgba(0,0,0,.09),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);box-sizing:border-box;overflow:hidden}.animationrot{-webkit-animation:rotateAnimation 1s linear 2ms forwards;animation:rotateAnimation 1s linear 2ms forwards;-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}@-webkit-keyframes rotateAnimation{0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes rotateAnimation{0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}table{background:#cfd3d5;box-sizing:border-box}.horizontal{display:block;height:1.5rem}table,th{margin:1rem;padding-bottom:1.5rem;padding-left:1.5rem}input{border:2px solid #000;border-radius:50%;box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px hsla(0,0%,100%,.5);box-sizing:border-box;font-size:min(calc(10vh - 1rem),calc(10vw - 1rem));font-weight:700;height:min(calc(11.11111vh - 1.11111rem),calc(11.11111vw - 1.22222rem));margin:.2rem;text-align:center;transition:border .1s;width:min(calc(11.11111vh - 1.11111rem),calc(11.11111vw - 1.22222rem))}.highlighter{-webkit-animation:highlighto 70ms ease-in-out;animation:highlighto 70ms ease-in-out;border:3px solid #14c417;text-decoration:none}@-webkit-keyframes highlighto{0%{border:0 solid #14c417}to{border:3px solid #14c417}}@keyframes highlighto{0%{border:0 solid #14c417}to{border:3px solid #14c417}}input:focus{border:3px solid #14c417;outline:none;text-decoration:none}.cell{display:inline-block}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}
/*# sourceMappingURL=main.7de63dcd.css.map*/