@import url(https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Rubik;margin:0}:root{--mobileBreakpoint:1024px;--pageWidth:1300px;--headerHeight:70px;--primaryColor:#d2a24c;--highlightColor:#73bda8;--errorColor:#cc6b49;--backgroundColor:#ece6c2;--backgroundColorTransparent:#ece6c280;--borderColor:#6f5643;--primaryColorFaded:#24694580}a{display:flex}a:link{color:#000;text-decoration:none}a:visited{color:#000;-webkit-text-decoration-line:none;text-decoration-line:none}*,:after,:before{box-sizing:border-box}#NoBulletPoints li{list-style:none}h1{padding-bottom:20px;padding-top:20px}h1,span{margin:0}span{padding:0}.ButtonPressEffect{transition:.02s}.ButtonPressEffect:active{box-shadow:none;margin:2px -1px -2px 1px}.noscroll{overflow:hidden;position:fixed}.App__container{--startPercent:27%;--firstLineWidth:10%;--secondLineWidth:3%;--lineGapWidth:1.5%;align-items:center;box-sizing:border-box;flex-direction:column;min-height:100vh}.App__container,.App__page-content{display:flex;height:100%;width:100%}.App__page-content{justify-content:center}.PresetPage__container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:3rem;width:100%}.PresetPage__sudokuapp{max-width:var(--pageWidth);width:100%}.PresetPage__app-background{background-color:var(--backgroundColor);display:flex;justify-content:center;margin:5rem 0 2rem;padding:2rem 1rem;position:relative;width:100%}.PresetPage__finished-overlay{-webkit-text-stroke:2px var(--borderColor);align-items:center;background-color:var(--backgroundColorTransparent);background-color:#000;display:flex;display:block;font-size:3rem;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.PresetPage__text-container{display:flex;justify-content:center;padding:0 1rem}.PresetPage__text-section{max-width:var(--pageWidth);width:100%}@media (max-width:1024px){.PresetPage__sudokuapp{display:flex;justify-content:center;padding:0 .5rem}.PresetPage__app-background{margin:0;padding:0}}.Sudoku_App__container{display:flex;flex-direction:row;gap:6vw;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.Sudoku_App__container,.Sudoku_App__container button{font-family:Rubik Mono One}.Sudoku_App__overlay{background-color:var(--backgroundColorTransparent);height:100%;position:absolute;width:100%;z-index:1}.Sudoku_App__grid{display:flex;flex-direction:column;gap:1rem;max-width:50vh;width:100%}.Sudoku_App__database{height:2rem}.Sudoku_App__toolbar{display:flex;flex-direction:column;gap:1rem;justify-content:center;max-width:400px;width:100%}.Sudoku_App__numpadbar{display:flex;height:50px}.Sudoku_App__controlboard{background-color:#fff;border:2px solid var(--borderColor);border-radius:25px;box-shadow:1px 2px 0 var(--borderColor);box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%}@media (orientation:portrait){.Sudoku_App__container{align-items:center;flex-direction:column;gap:1rem;justify-content:center;min-height:calc(100vh - 50px)}}@media (max-width:500px){.Sudoku_App__grid,.Sudoku_App__toolbar{max-width:100%}@media (min-aspect-ratio:0.47){.Sudoku_App__container,.Sudoku_App__grid,.Sudoku_App__toolbar{gap:.5rem}.Sudoku_App__database{height:1.6rem}.Sudoku_App__numpadbar{height:40px}}}.MainGrid__container{aspect-ratio:1/1;display:flex;justify-content:center;position:relative;width:100%}.MainGrid__pause-overlay{-webkit-text-stroke:2px var(--borderColor);background-color:var(--backgroundColor);color:var(--highlightColor);font-size:3rem;font-weight:700;height:100%;left:0;opacity:70%;top:0;width:100%;z-index:1}.MainGrid__finished-overlay,.MainGrid__pause-overlay{align-items:center;cursor:pointer;display:flex;justify-content:center;position:absolute}.MainGrid__finished-overlay{left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.FinishOverlay__container{align-items:center;background-color:#fff;border:2px solid var(--borderColor);border-radius:20px;box-shadow:0 0 10px 0 #00000080;cursor:auto;display:flex;flex-direction:column;gap:1rem;justify-content:space-around;padding:1.5rem}.FinishOverlay__heading{-webkit-text-stroke:2px var(--borderColor);color:var(--highlightColor);font-size:32px;letter-spacing:-.1rem}.FinishOverlay__stats{align-items:center;display:flex;flex-direction:column;font-family:Rubik;height:100px;justify-content:space-around;width:230px}.FinishOverlay__stat-row{align-items:center;color:var(--borderColor);display:flex;font-size:18px;font-weight:600;justify-content:space-between;width:100%}.FinishOverlay__stat-row span:first-letter{text-transform:uppercase}.FinishOverlay__stat-row-left{align-items:center;display:flex;gap:10px}.FinishOverlay__stat-icon svg{stroke:var(--borderColor);fill:var(--borderColor);height:24px;margin:0;padding:0;width:24px}.FinishOverlay__buttons button{-webkit-text-stroke:2px var(--borderColor);background-color:var(--highlightColor);border:2px solid var(--borderColor);border-radius:10px;box-shadow:1px 2px 0 var(--borderColor);color:var(--backgroundColor);cursor:pointer;font-size:25px;height:50px;width:100px}.PauseOverlay__container{align-items:center;background-color:#fff;border:2px solid var(--borderColor);border-radius:20px;box-shadow:0 0 10px 0 #00000080;cursor:auto;display:flex;flex-direction:column;gap:1rem;justify-content:space-around;padding:1.5rem}.PauseOverlay__heading{-webkit-text-stroke:2px var(--borderColor);color:var(--highlightColor);font-size:32px;letter-spacing:-.1rem}.PauseOverlay__buttons button{-webkit-text-stroke:2px var(--borderColor);align-items:center;background-color:var(--highlightColor);border:2px solid var(--borderColor);border-radius:10px;box-shadow:1px 2px 0 var(--borderColor);color:var(--backgroundColor);cursor:pointer;display:flex;font-size:25px;height:50px;justify-content:center;width:100px}.PauseOverlay__buttons svg{stroke:var(--borderColor);stroke-width:1px;display:block;scale:1.5}.GridComp__container{border:2px solid var(--borderColor);width:100%}.BoxComp__container,.GridComp__container{box-sizing:border-box;display:grid;grid-auto-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr)}.BoxComp__container{grid-gap:0;border:1px solid var(--borderColor);gap:0}.CellComp__container{-webkit-tap-highlight-color:transparent;align-items:center;border:1px solid var(--borderColor);box-sizing:border-box;cursor:pointer;display:flex;justify-content:center}.CellComp__container,.Index_Cell{aspect-ratio:1/1;height:100%;width:100%}.Index_Cell{display:grid;grid-template-areas:"upleft upright" "center center" "lowleft lowright";grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;padding:2%}.UpperCornerLeft{display:flex;grid-area:upleft}.UpperCornerRight{display:flex;grid-area:upright;justify-content:end}.Center{align-items:center;display:flex;flex-wrap:wrap;grid-area:center;justify-content:center;text-align:center}.LowerCornerLeft{align-items:end;display:flex;grid-area:lowleft}.LowerCornerRight{align-items:end;display:flex;grid-area:lowright;justify-content:end}.Database__container{display:flex;height:100%;justify-content:space-between;width:100%}.Database__Toggle_Background{background-color:var(--primaryColor);border:2px solid var(--borderColor);border-radius:100vmax;box-shadow:1px 2px 0 var(--borderColor);display:flex;height:100%;padding:0 3px}.Database__Toggle_Background button{-webkit-tap-highlight-color:transparent;-webkit-text-stroke:1px var(--borderColor);background-color:#fff0;border:2px solid #0000;border-radius:100vmax;color:var(--backgroundColor);cursor:pointer;font-size:12px;height:calc(100% + 4px);margin:-2px -5px;padding:0 20px}.Database__timer{height:100%}.Stopwatch__container{-webkit-text-stroke:1px var(--borderColor);background-color:#fff;background-color:var(--primaryColor);box-shadow:1px 2px 0 var(--borderColor);color:var(--backgroundColor);font-size:13px;gap:5px;height:100%;justify-content:end;min-width:100px;padding-left:7px;padding-right:0}.Stopwatch__container,.Stopwatch__pausebutton{align-items:center;border:2px solid var(--borderColor);border-radius:100vmax;display:flex}.Stopwatch__pausebutton{background-color:var(--highlightColor);cursor:pointer;height:calc(100% + 4px);justify-content:center;margin-right:-2px}.NumPad__container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.NumPad__grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);width:100%}.NumPad_Digit{-webkit-text-stroke:2px var(--borderColor);align-items:center;aspect-ratio:1/1;background-color:var(--primaryColor);border:2px solid var(--borderColor);border-radius:20%;box-shadow:1px 2px 0 var(--borderColor);color:var(--backgroundColor);cursor:pointer;display:flex;font-size:2.2rem;justify-content:center;width:100%}#DeleteButton{background-color:var(--highlightColor)}@media (max-width:500px){@media (min-aspect-ratio:0.5){.NumPad__grid{gap:3px;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(1,1fr)}.NumPad_Digit{font-size:1.2em}}}.NumPadBar__container{background-color:var(--primaryColor);border:2px solid var(--borderColor);border-radius:100vmax;box-shadow:1px 2px 0 var(--borderColor);box-sizing:border-box;display:flex;flex-direction:row;padding:0 5px;width:100%}.NumPadBar__container button{-webkit-tap-highlight-color:transparent;-webkit-text-stroke:1px var(--borderColor);border:2px solid #0000;border-radius:100vmax;color:var(--backgroundColor);cursor:pointer;font-size:1rem;margin:-2px -7px;min-width:80px;width:100%}.NumPadBar__button-content{display:flex;flex-direction:column;gap:.15rem;pointer-events:none}.NumPadBar_ButtonSubtext{font-size:.7rem;font-weight:300;margin-top:-5px}.ActionBar__container{color:var(--borderColor);display:flex;flex-direction:row;justify-content:space-around}.ActionBarButton__container{align-items:center;cursor:pointer;display:flex;flex-direction:column}.ActionBarButton__container img{filter:drop-shadow(0 0 6px rgba(0,0,0,.2))}.ActionBarButton_Subtext{font-size:13px}.CustomPage__container{max-width:var(--pageWidth);padding-bottom:3rem;padding-left:1rem;padding-right:1rem;width:100%}.CustomPage_SudokuApp{max-width:1050px;padding-bottom:4rem;padding-top:4rem}@media (max-width:1040px){.CustomPage_SudokuApp{display:flex;justify-content:center;padding-bottom:1rem;padding-top:1rem}}.ColorPalette__container{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;max-height:120px;width:100%}.ColorButton__container{border:1px solid #000;cursor:pointer;max-height:40px;min-height:30px}@media (max-width:900px){.ColorPalette__container{gap:3px}}.SettingBar__container{cursor:pointer;display:flex;flex-direction:row;width:100%}.SettingBar__container button{border:1px solid #000;cursor:pointer;font-size:1.1rem;height:40px;width:100%}#SettingBar_Setting{border-right:none}@media (max-width:1040px){.SettingBar__container button{height:30px}}.HowToPage__container{display:flex;justify-content:center;padding-bottom:3rem;padding-left:1rem;padding-right:1rem;width:100%}.HowToPage__content{max-width:var(--pageWidth);width:100%}.AboutMePage__container{display:flex;justify-content:center;padding-bottom:3rem;padding-left:1rem;padding-right:1rem;width:100%}.AboutMePage__content{max-width:var(--pageWidth);width:100%}.Header_Desktop__container{align-items:center;border-bottom:2px solid var(--borderColor);box-sizing:border-box;display:flex;font-size:30px;height:70px;justify-content:center;list-style:none;padding:0 1rem;-webkit-user-select:none;user-select:none;width:100%}.Header_Desktop__content{align-items:center;display:flex;height:100%;max-width:var(--pageWidth);width:100%}.Header_Desktop__container ul{display:flex;gap:2rem;list-style:none;padding-left:3rem}.Header_Desktop__container li{cursor:pointer;font-size:20px;font-weight:300}.Header_Mobile__container{background-color:var(--backgroundColor);border-bottom:2px solid var(--borderColor);display:flex;flex-direction:column;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.Header_Mobile__Bar{align-items:center;box-sizing:border-box;display:flex;font-size:30px;gap:1rem;height:var(--headerHeight);height:50px;justify-content:space-between;padding-left:1rem;padding-right:1rem;width:100%}.Header_Mobile__Dropdown{padding-right:1rem}.Header_Mobile__Dropdown ul{align-items:end;display:flex;flex-direction:column;gap:15px}
/*# sourceMappingURL=main.bf7936d2.css.map*/