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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.main-page{align-items:center;display:flex;height:100%;left:0;position:absolute;top:0;width:100%}.is-big{flex-direction:row}.is-not-big{flex-direction:column}.main-page #sudoku-board{display:flex;justify-content:center;width:50%}.main-page #sudoku-board div{display:flex;position:relative}.main-page .right-container{align-items:center;display:flex;flex-direction:column;font-family:Indie Flower,cursive;width:50%}.main-page .right-container div{-webkit-animation:appear 2s ease forwards;animation:appear 2s ease forwards;display:flex;font-size:3rem}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}.main-page .right-container .title{font-size:4rem;font-weight:700}.main-page .right-container .start-btn-container{display:flex;font-size:3rem;padding:1px}.main-page .right-container .start-btn-container .start-btn{-webkit-text-fill-color:transparent;align-items:center;background:linear-gradient(90deg,#e4c6ec,#8fcfe5);-webkit-background-clip:text;background-clip:text;border-radius:10px;display:flex;justify-content:center;overflow:hidden;padding:0 20px;-webkit-user-select:none;user-select:none}.main-page .right-container .start-btn-container:hover{background:linear-gradient(90deg,#e4c6ec,#8fcfe5);background-clip:initial;cursor:pointer}.main-page .right-container .start-btn-container:hover div{background-color:#fff}.is-not-big{font-family:Indie Flower,cursive;font-size:3rem}.is-not-big .title-container{align-items:center;-webkit-animation:appear 2s ease forwards;animation:appear 2s ease forwards;display:flex;flex-direction:column;width:100%}.is-not-big .title-container .title{font-size:4rem}.is-not-big .start-btn-container{display:flex;font-size:3rem;padding:1px}.is-not-big .start-btn-container .start-btn{-webkit-text-fill-color:transparent;align-items:center;background:linear-gradient(90deg,#e4c6ec,#8fcfe5);-webkit-background-clip:text;background-clip:text;border-radius:10px;display:flex;justify-content:center;overflow:hidden;padding:0 20px;-webkit-user-select:none;user-select:none}.is-not-big .start-btn-container:hover{background:linear-gradient(90deg,#e4c6ec,#8fcfe5);background-clip:initial;cursor:pointer}.is-not-big .start-btn-container:hover div{background-color:#fff}.is-not-big .start-btn-container{-webkit-animation:appear 2s ease forwards;animation:appear 2s ease forwards;margin-top:10px}@keyframes appear{0%{opacity:0}to{opacity:1}}@media screen and (max-width:500px){.is-not-big{font-size:9.6vw}.is-not-big .title-container .title{font-size:12.8vw}}.sudoku-board{-webkit-animation:drop 2s ease forwards;animation:drop 2s ease forwards;background-image:linear-gradient(to right bottom,#e4c6ec,#8fcfe5);cursor:default;display:flex;flex-direction:column;left:0;padding:3px;position:absolute;top:-150%}@-webkit-keyframes drop{0%{opacity:0}to{top:0}}@keyframes drop{0%{opacity:0}to{top:0}}.sudoku-board .line{display:flex;flex-direction:row}.sudoku-board .line .square{display:flex;font-family:Poppins,sans-serif;height:48px;width:48px}.sudoku-board .line .square div{align-items:center;background-color:#f0f8ff;display:flex;height:100%;justify-content:center;width:100%}.sudoku-board .line .square div input{background:transparent;border:none;font-size:1.5rem;height:100%;text-align:center;width:100%}.sudoku-board .line .square div input::-webkit-inner-spin-button,.sudoku-board .line .square div input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sudoku-board .line .square div input[type=number]{-webkit-appearance:auto;appearance:auto}.sudoku-board .line .square div input:focus,.sudoku-board .line .square div:focus{outline:none}.sudoku-board .line .square:not(:last-child){border-right:1px solid transparent}.sudoku-board .line .square:nth-child(3),.sudoku-board .line .square:nth-child(6){border-right:3px solid transparent}.sudoku-board .line:not(:last-child){border-bottom:1px solid transparent}.sudoku-board .line:nth-child(3),.sudoku-board .line:nth-child(6){border-bottom:3px solid transparent}@media screen and (max-width:500px){.sudoku-board .line .square{height:9.6vw;width:9.6vw}}.solving-page{align-items:center;display:flex;height:100%;left:0;position:absolute;top:0;width:100%}.solving-page #sudoku-board{display:flex;justify-content:center;width:50%}.solving-page #sudoku-board div{display:flex;position:relative}.solving-page .right-container{align-items:center;display:flex;flex-direction:column;font-family:Indie Flower,cursive;width:50%}.solving-page .right-container div{display:flex;flex-direction:column;font-size:3rem}.solving-page .right-container .solve-btn-container{display:flex;font-size:3rem;padding:1px}.solving-page .right-container .solve-btn-container .solve-btn{-webkit-text-fill-color:transparent;align-items:center;background:linear-gradient(90deg,#e4c6ec,#8fcfe5);-webkit-background-clip:text;background-clip:text;border-radius:10px;display:flex;justify-content:center;overflow:hidden;padding:0 20px;-webkit-user-select:none;user-select:none}.solving-page .right-container .solve-btn-container:hover{background:linear-gradient(90deg,#e4c6ec,#8fcfe5);background-clip:initial;cursor:pointer}.solving-page .right-container .solve-btn-container:hover div{background-color:#fff}.solving-page .right-container .resolve-btn-container{display:flex;font-size:3rem;padding:1px}.solving-page .right-container .resolve-btn-container .resolve-btn{-webkit-text-fill-color:transparent;align-items:center;background:linear-gradient(90deg,#e4c6ec,#8fcfe5);-webkit-background-clip:text;background-clip:text;border-radius:10px;display:flex;justify-content:center;overflow:hidden;padding:0 20px;-webkit-user-select:none;user-select:none}.solving-page .right-container .resolve-btn-container:hover{background:linear-gradient(90deg,#e4c6ec,#8fcfe5);background-clip:initial;cursor:pointer}.solving-page .right-container .resolve-btn-container:hover div{background-color:#fff}.is-small{flex-direction:column;justify-content:center}.is-small .right-container{margin-top:10px}@media screen and (max-width:500px){.is-small .right-container .title{font-size:9.6vw}}
/*# sourceMappingURL=main.e79a696f.css.map*/