@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);:root{--bg-main:#f0f2f5;--bg-main-hover:#d0d0d0;--bg-body:#fff;--color-txt:#000;--given-color:#000;--inserted-color:#3f53ff;--filled-bg:#caf0f8;--white:#fff;--blue:#00aeef;--red:#e91e63;--btn-red:#ee4747;--black:#000;--easy-mode-color:#00aeef;--medium-mode-color:#ffc800;--hard-mode-color:red;--extreme-mode-color:#000;--nav-size:65px;--sudoku-cell-size:50px;--border-radius:7px;--space-y:20px;--gap:0px;--font-size:1.5rem;--font-size-lg:1.8rem;--font-size-xl:2.7rem}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--bg-body);font-family:Roboto,sans-serif;height:200px;height:100vh;height:calc(var(--vh, 1vh)*100);overflow-x:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}a{color:inherit;text-decoration:none}nav{background-color:#fff;background-color:var(--bg-body);box-shadow:5px 2px #f0f2f5;box-shadow:5px 2px var(--bg-main);color:#000;color:var(--color-txt);position:fixed;top:0;width:100%;z-index:99}.nav-container{align-items:center;color:#00aeef;color:var(--blue);display:flex;font-size:2.7rem;font-size:var(--font-size-xl);height:65px;height:var(--nav-size);justify-content:space-between;max-width:100vw;padding:0 40px;z-index:1}.bottom-banner{bottom:0;font-size:x-small;margin-top:5px;padding-bottom:10px;position:fixed;text-align:center;width:100%}.bottom-banner a{color:#00aeef;color:var(--blue)}#homeLogo,#userLogo{float:right;mix-blend-mode:multiply;width:43.33333px;width:calc(var(--nav-size)/1.5)}#userLogo{margin-right:10px}#homeLogo,#userLogo:hover{cursor:pointer}#statisticsUsername{margin-bottom:50px}.easy-color-text{color:#00aeef;color:var(--easy-mode-color)}.medium-color-text{color:#ffc800;color:var(--medium-mode-color)}.hard-color-text{color:red;color:var(--hard-mode-color)}.extreme-color-text{color:#000;color:var(--extreme-mode-color)}.main{display:grid;height:100vh;max-height:100vh;padding-top:65px;padding-top:var(--nav-size);place-items:center}.screen{height:100%;min-width:400px;overflow:hidden}.center-view{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%}.title{color:#00aeef;color:var(--blue)}.signupForm{align-items:center;display:flex;justify-content:center}.form{background-color:#fff;border-radius:8px;box-shadow:0 10px 25px rgba(92,99,105,.2);padding:20px 40px;width:400px}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-transition:background-color 600000s 0s,color 600000s 0s;transition:background-color 600000s 0s,color 600000s 0s}.title{font-size:50px;margin-bottom:50px}.inputContainer{height:45px;margin-bottom:17px;position:relative;width:100%}.input{background:none;border:1px solid #dadce0;border-radius:7px;font-size:16px;height:100%;left:0;outline:none;padding:0 20px;position:absolute;top:0;width:100%;z-index:1}::-webkit-input-placeholder{color:transparent}:-ms-input-placeholder{color:transparent}::placeholder{color:transparent}.label{background-color:#fff;color:#dadce0;font-size:16px;left:15px;padding:0 4px;position:absolute;top:15px;transition:.5s;z-index:0}.input:focus{border:2px solid #00aeef;border:2px solid var(--blue)}.input:focus+.label{color:#00aeef;color:var(--blue);font-size:14px;font-weight:600;left:3px;top:-7px;z-index:10}.submitBtn{background-color:purple;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:16px;margin-left:auto;margin-top:30px;padding:15px 30px}.input:not(:-ms-input-placeholder)+.label{font-size:14px;font-weight:600;left:3px;top:-7px;z-index:10}.input:not(:placeholder-shown)+.label{font-size:14px;font-weight:600;left:3px;top:-7px;z-index:10}#login-or-signup{cursor:pointer;font-size:x-small;margin-top:10px;text-align:center}#login-or-signup>span{color:#00aeef;color:var(--blue)}.center-view.active{-webkit-transform:translateX(0);transform:translateX(0)}.center-view>*+*{margin-top:20px}.btn{background-color:#bebebe;border-radius:7px;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;display:grid;font-size:1.8rem;font-size:var(--font-size-lg);height:80px;overflow:hidden;place-items:center;transition:width .3s ease-in-out;width:280px}.btn-blue{background-color:#00aeef;background-color:var(--blue);border:initial}.btn-blue:active{background-color:#007bff}.btn-delete,.btn-logout{background-color:#ee4747;background-color:var(--btn-red);border:initial;color:#fff;font-size:1.5rem;font-size:var(--font-size);height:60px;margin-top:50px;width:100px}.btn-delete:hover,.btn-logout:hover{background-color:#dd2929}.btn-delete{font-size:1.2rem;margin-top:20px}.btn:active{border:1px solid #fff}.opacity-popup{-webkit-tap-highlight-color:transparent;background:rgba(0,0,0,.5);border:0 transparent;border:none!important;height:100%;left:0;margin:0;overflow:hidden;padding:0;position:fixed;top:0;transition:opacity .3s ease 0s;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;visibility:visible;width:100%;z-index:10}#sureToDeleteAccount{align-items:center;background-color:#fff;box-shadow:0 5px 12px rgba(92,99,105,.2);display:flex;flex-direction:column;height:150px;left:50%;margin-left:-200px;margin-top:-75px;position:absolute;top:50%;width:400px;z-index:20}#sureToDeleteAccount>*{margin-bottom:20px}#sureToDeleteAccount>h2{color:#000;font-weight:lighter;margin-top:10px}#sureToDeleteAccount>p{color:#000}#deleteAccountButtonsContainer>*{border-radius:5px;cursor:pointer;height:40px;width:100px}#yesDeleteAccountButton{background-color:#fff;border:1px solid gray;color:#000;margin-right:10px}#yesDeleteAccountButton:hover{background-color:#ee4747;background-color:var(--btn-red);border:initial;color:#fff}#noDeleteAccountButton{background-color:#00aeef;background-color:var(--blue);border:initial;color:#fff;margin-left:10px}#noDeleteAccountButton:hover{background-color:#006df3}#deleteAccountButtonsContainer>:active{border:1px solid #fff}span{white-space:nowrap}.errorDiv{color:#e91e63;color:var(--red);margin-bottom:20px;text-align:center}.game-mode{font-size:smaller;padding:10px 0;text-align:center}.main-game{display:flex;flex-direction:column;height:95%;justify-content:space-between;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.main-game.active{-webkit-transform:translateX(0);transform:translateX(0)}.main-sudoku-grid{grid-gap:0;grid-gap:var(--gap);display:grid;gap:0;gap:var(--gap);grid-template-columns:repeat(9,auto)}.main-grid-cell{background-color:#f0f2f5;background-color:var(--bg-main);border:1px solid #00aeef;border:1px solid var(--blue);color:#00aeef;color:var(--blue);cursor:pointer;display:grid;font-size:1.5rem;font-size:var(--font-size);height:50px;height:var(--sudoku-cell-size);place-items:center;transition:.5s;width:50px;width:var(--sudoku-cell-size)}.main-grid-cell.highlighted,.main-grid-cell:hover{background-color:#dcdcdc}.main-grid-cell.given{color:#000;color:var(--given-color)}.main-grid-cell.inserted{color:#3f53ff;color:var(--inserted-color)}.main-grid-cell.selected{background-color:#00aeef;background-color:var(--blue);color:#fff;color:var(--white)}.main-grid-cell.border-left{border-left:2px solid #00aeef;border-left:2px solid var(--blue)}.main-grid-cell.border-right{border-right:2px solid #00aeef;border-right:2px solid var(--blue)}.main-grid-cell.border-top{border-top:2px solid #00aeef;border-top:2px solid var(--blue)}.main-grid-cell.border-bottom{border-bottom:2px solid #00aeef;border-bottom:2px solid var(--blue)}.numbers{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(5,1fr);margin-top:20px;margin-top:var(--space-y)}.number{background-color:#f0f2f5;background-color:var(--bg-main);border-radius:5px;color:#000;color:var(--color-txt);cursor:pointer;display:grid;font-size:1.5rem;font-size:var(--font-size);height:50px;height:var(--sudoku-cell-size);place-items:center;transition:.3s}.number:hover{background-color:#d0d0d0;background-color:var(--bg-main-hover)}.delete{background-color:#e91e63;background-color:var(--red);border-radius:5px;color:#fff;color:var(--white);cursor:pointer;display:grid;font-size:1.5rem;font-size:var(--font-size);height:50px;height:var(--sudoku-cell-size);place-items:center;transition:.5s}.delete:hover{background-color:#bb003e}.clear{background-color:#e91e63;background-color:var(--red);border-radius:5px;color:#fff;color:var(--white);cursor:pointer;display:grid;font-size:1.5rem;font-size:var(--font-size);height:50px;height:var(--sudoku-cell-size);place-items:center;transition:.5s}.clear:hover{background-color:#bb003e}.hint{background-color:#cc0;border-radius:5px;color:#fff;color:var(--white);cursor:pointer;display:grid;font-size:1.5rem;font-size:var(--font-size);height:50px;height:var(--sudoku-cell-size);place-items:center;transition:.5s}.hint:hover{background-color:#3c3}.congrate{margin-bottom:15px}@media only screen and (max-width:800px){.main-game{height:80%}.form{box-shadow:0 5px 12px rgba(92,99,105,.2);width:300px}.numbers{grid-template-columns:repeat(3,1fr)}.delete,.number{height:80px;height:calc(var(--sudoku-cell-size)*1.6)}.delete{grid-column:1/span 3}:root{--nav-size:50px;--sudoku-cell-size:30px;--space-y:10px;--font-size:1rem;--font-size-lg:1.3rem;--font-size-xl:1.5rem}.nav-container{font-size:1.8rem;font-size:var(--font-size-lg);padding:0 20px}.btn{height:50px}.main-grid-cell.hover{border-width:2px}.screen{min-width:0;min-width:auto}.main{height:100vh;max-height:100vh}}@media only screen and (max-width:500px){:root{--font-size:1rem;--font-size-lg:1.2rem;--font-size-xl:1.4rem;--sudoku-cell-size:calc(11.11111vw - 6px)}.screen{min-width:0;min-width:auto}.main-grid-cell,.number{font-size:1.8rem;font-size:var(--font-size-lg)}.number{height:55px;height:calc(var(--sudoku-cell-size)*1.1)}.main-game{height:70%}}.result-screen{align-items:center;background-color:#fff;background-color:var(--bg-body);display:none;flex-direction:column;font-size:1.8rem;font-size:var(--font-size-lg);height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.result-screen.active{display:flex}.result-screen.active div{-webkit-animation:zoom-in .5s cubic-bezier(.175,.885,.32,1.275);animation:zoom-in .5s cubic-bezier(.175,.885,.32,1.275)}.error-screen{align-items:center;background-color:#fff;background-color:var(--bg-body);display:none;flex-direction:column;font-size:1.8rem;font-size:var(--font-size-lg);height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.error-screen.active{display:flex}.error-screen.active>*{margin-bottom:7px}.how-to-play-container{align-items:center;display:flex;height:100%;justify-content:center}.how-to-play-text{background-color:hsla(0,0%,100%,.8);border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:600px;padding:20px;text-align:center}#mistake{display:flex;justify-content:flex-end;margin-top:0}.head{cursor:pointer}.head:hover{color:#0099e6}
/*# sourceMappingURL=main.1ad56945.css.map*/