@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap);:root{--clr-font-primary:#9394a5;--clr-font-dark:#6c6e89;--clr-font--transition:#000;--clr-bg-dark:#fafafa;--clr-bg-light:#fff;--clr-border:rgba(63,54,54,.11);--box-shadow-checkBox:rgba(67,71,85,.27) 0px 0px 0.25em,rgba(90,125,188,.05) 0px 0.25em 1em}[data-theme=dark]{--clr-font-primary:#fff;--clr-font-dark:hsla(235,6%,73%,.58);--clr-font--transition:#fff;--clr-bg-light:#25273c;--clr-bg-dark:#181825;--clr-light:hsla(0,0%,100%,.11);--clr-border:hsla(0,0%,100%,.11);--box-shadow-checkBox:hsla(0,25%,90%,.2) 0px 0px 4px 1px}.App>img,.backgroundImg{position:absolute;top:0;width:100%}.backgroundImg{height:20rem}.backgroundImg *{height:100%;position:absolute;top:0;width:100%}.App{align-items:center;background-color:#fafafa;background-color:var(--clr-bg-dark);display:flex;height:100vh;justify-content:center;max-height:100vh;overflow:hidden;transition:all .4s ease-in-out}.before-enter[data-name=greeting]{opacity:0}.entering[data-name=greeting]{opacity:1;transition:opacity .5s}.before-leave[data-name=greeting]{transition:opacity .5s}.leaving[data-name=greeting]{opacity:0}.wrapper{color:#fff;flex:0.35 1;min-width:350px;z-index:10}.navbar{position:absolute;right:12%;top:50px}@media only screen and (max-width:800px){.navbar{align-items:center;display:flex;justify-content:center;right:0;top:4%;width:100%}}.profile__logout{bottom:-17px;color:blue;cursor:pointer;font-size:12px;position:absolute;right:16px}.navbar__linkWrapper{align-items:center;background-image:linear-gradient(90deg,#00b09b,#96c93d);border-radius:30px;cursor:pointer;display:flex;height:45px;justify-content:center;width:120px}.navbar__link{color:#fff;font-weight:700;text-decoration:none}.navbar__link,.user__profile{-webkit-animation:inAnimFade .5s ease-in-out;animation:inAnimFade .5s ease-in-out}.user__profile{align-items:center;display:flex;position:relative}.profile__icon{cursor:pointer;height:40px;margin-inline:15px;width:40px}.header{display:flex;justify-content:space-between;margin-bottom:20px}.header__title{cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:36px;font-weight:700;height:36px;position:relative;width:85px}.header__title:before{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#f85032,#e73827);color:transparent;content:"MYP";opacity:1;position:absolute;transition:all .5s ease-in-out;width:100%}.header__title:hover:before{opacity:0;overflow:hidden;scale:0;width:0}.header__title:after{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#56ab2f,#a8e063);color:transparent;content:"Monitor Your Progress";font-size:1.2rem;left:0;opacity:0;overflow:hidden;position:absolute;top:25%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:all .4s ease-in-out;width:300%}.header__title:hover:after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);transition-delay:.15s}.header__themeIcon{cursor:pointer;height:22px;position:relative;top:2px;width:22px}.header__themeIcon[data-anim="true dark"]{-webkit-animation:inAnimationLight .3s ease-in-out;animation:inAnimationLight .3s ease-in-out}@-webkit-keyframes inAnimationLight{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes inAnimationLight{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}.header__themeIcon[data-anim="true light"]{-webkit-animation:inAnimationDark .3s ease-in-out;animation:inAnimationDark .3s ease-in-out}@-webkit-keyframes inAnimationDark{0%{height:0;width:0}to{height:22px;width:22px}}@keyframes inAnimationDark{0%{height:0;width:0}to{height:22px;width:22px}}.inputContainer{align-items:center;background-color:var(--clr-bg-light);border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;height:50px;position:relative;transition:all 1s ease-in-out;z-index:-1}.inputContainer>form{display:flex;flex:1 1}.inputContainer>form>input{background:none;border:0;color:var(--clr-font-dark);font-family:Josefin Sans,sans-serif;font-size:18px;font-weight:400;height:25px;outline-width:0;padding-top:5px;width:95%}.inputContainer>form>input:focus{outline:none}.input__checkBox{align-items:center;border-radius:50%;box-shadow:var(--box-shadow-checkBox);cursor:pointer;display:flex;height:20px;justify-content:center;margin-inline:20px;position:relative;transition:none;width:20px}.input__checkBox:before{background:linear-gradient(270deg,#57ddff,#c058f3);border-radius:50%;content:"";display:none;height:110%;position:absolute;width:110%;z-index:-1}.input__checkBox[data-checked=active]:hover:before{display:block}.input__checkBox[data-checked=active]:hover{background-color:var(--clr-bg-light)}.input__checkBox[data-checked=completed]:before{display:block;transition:all 1s ease-in-out}.todos{background-color:var(--clr-bg-light);border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.35);height:350px;margin-top:15px;overflow-x:hidden;overflow-y:auto;transition:all 1s ease-in-out}.todos::-webkit-scrollbar{border-radius:15px;width:5px}.todos::-webkit-scrollbar-track{background:#f1f1f1;border-radius:15px}.todos::-webkit-scrollbar-thumb{background-image:linear-gradient(0deg,blue,red);border-radius:15px;-webkit-transition:all 3s ease-in-out;transition:all 3s ease-in-out}.todos::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(0deg,red,blue)}.todos__item{align-items:center;-webkit-animation:inAnim .8s ease-in-out;animation:inAnim .8s ease-in-out;border-bottom:1px solid var(--clr-border);box-sizing:border-box;display:flex;height:50px;justify-content:space-between;position:relative;transition:all 1s ease-in-out;z-index:1}@-webkit-keyframes inAnim{0%{height:0;opacity:0}50%{opacity:1}75%{height:60px}to{height:50px}}@keyframes inAnim{0%{height:0;opacity:0}50%{opacity:1}75%{height:60px}to{height:50px}}.todo__left{display:flex;transition:all 1s ease-in-out}.todo__left>p{color:var(--clr-font-primary);font-family:Josefin Sans,sans-serif;font-size:16px;font-weight:400;padding-top:3px;position:relative}.todos__item:hover>.todo__options>*{scale:1}.todo__options{align-items:center;display:flex;gap:15px;margin-right:20px}.todo__penIcon{fill:#484b6a;cursor:pointer;height:20px;scale:0;transition:all .3s ease-in-out;width:20px}.todo__penIcon:hover{fill:var(--clr-font--transition)}.todo__crossIcon{fill:#494c6b;cursor:pointer;height:20px;scale:0;transition:all .3s ease-in-out;width:20px}.todo__crossIcon:hover{fill:var(--clr-font--transition)}.options{align-items:center;background-color:var(--clr-bg-light);border-radius:5px;box-shadow:0 0 16px 5px hsla(53,14%,66%,.29);color:var(--clr-font-dark);display:grid;font-family:Josefin Sans,sans-serif;grid-auto-columns:1fr;grid-template-areas:"optionLeft optionBtnGroup optionBtnGroup optionRight" "optionLeft optionBtnGroup optionBtnGroup optionRight";height:50px;margin-top:15px;padding-inline:20px;transition:all 1s ease-in-out}@media (max-width:1160px){.options{grid-template-areas:"optionLeft optionLeft optionRight optionRight" "optionBtnGroup optionBtnGroup optionBtnGroup optionBtnGroup";height:70px;place-items:center}.options__selectBtnGroup{justify-content:space-evenly;margin-bottom:5px;width:100%}.option__btn{margin-top:5px}}.option__btn{cursor:pointer;font-size:12px;font-weight:400;transition:all .3s ease-in-out}.option__left{grid-area:optionLeft;text-align:left}.option__right{grid-area:optionRight;text-align:right;white-space:nowrap}.option__btn:hover{color:var(--clr-font--transition)}.options__selectBtnGroup{display:flex;font-size:15px;font-weight:700;gap:1rem;grid-area:optionBtnGroup}.options__selectBtnGroup>*{cursor:pointer;transition:all .3s ease-in-out}.options__selectBtnGroup>:hover{color:var(--clr-font--transition)}.auth{align-items:center;-webkit-animation:inAnimFade .5s ease-in-out;animation:inAnimFade .5s ease-in-out;background:#27c6fd;background:linear-gradient(97deg,rgba(39,198,253,.5),rgba(140,80,254,.5));display:flex;height:100%;justify-content:center;min-height:100vh;overflow:hidden;position:absolute;width:100%;z-index:100}@-webkit-keyframes inAnimFade{0%{opacity:0}to{opacity:100%}}@keyframes inAnimFade{0%{opacity:0}to{opacity:100%}}.auth__cancel{cursor:pointer;position:absolute;right:10px;top:10px}.auth__wrapper{align-items:center;background:#27c6fd;background:linear-gradient(97deg,#27c6fd,#8c50fe);border-radius:15px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);display:flex;flex-direction:column;height:400px;justify-content:space-around;position:relative;width:350px}.auth__wrapper>h1{color:#000;font-size:2rem;font-weight:700;text-align:center}.register{height:500px}.register>h1{top:30px}.auth form{color:#000;display:flex;flex-direction:column;font-weight:500;gap:10px;width:80%}.register form{top:115px}.auth form>input{background:transparent;border:0;border-bottom:1px solid #000;color:#fff;outline-width:0}.auth form>input::-webkit-input-placeholder{color:#fefefe66}.auth form>input::placeholder{color:#fefefe66}.auth form>button{background-color:orange;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:18px;height:40px;margin-top:20px}.bottom__stuff{bottom:10px;color:#f5f5f5}.toatContainer{position:absolute;right:10px;top:10px}.welcome{align-items:center;background-color:hsla(0,0%,100%,.2);display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:10000}.welcome__wrapper{background-color:#fff;border-radius:5px;box-shadow:0 3px 8px rgba(0,0,0,.24);font-weight:700;height:450px;margin-inline:15px;overflow:hidden;position:relative;width:420px}.welcome__exitIcon{fill:#000;stroke:#000;cursor:pointer;position:absolute;right:10px;top:10px;z-index:10000000}.welcome__firstPart{align-items:center;border-radius:5px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);display:flex;flex-direction:column;gap:2px;justify-content:center;margin-inline:auto;margin-bottom:20px;margin-top:40px;overflow:hidden;padding-block:10px;width:80%}.welcome__wrapper>h1{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#fc5c7d,#6a82fb);background-position:50%;background-repeat:no-repeat;color:transparent;position:relative;text-align:center;top:15px}.welcome__firstPart>p{position:relative;right:108px}.welcome__firstPart>ul{display:flex;gap:20px}.welcome__firstPart>span{left:112px;position:relative}.welcome__main{box-shadow:0 3px 8px rgba(0,0,0,.24);margin-inline:10px;padding:10px;text-align:center}.welcome__main>h3{font-size:1.5rem}.welcome__main>p{color:red;font-size:1rem;margin-top:10px}.useInstead{font-size:.8rem;font-weight:400;margin-top:10px}.welcome__main ul{margin-block:10px}.welcome__wrapper h6{font-size:1.2rem;margin-top:30px;text-align:center}@media (max-width:440px){.welcome__firstPart>p{right:98px}.welcome__firstPart>span{left:105px}}@media (max-width:400px){.welcome__firstPart>p{right:85px}}.loading{align-items:center;-webkit-animation:LoaderInAnim .3s ease-in-out;animation:LoaderInAnim .3s ease-in-out;background-color:rgba(170,210,153,.2);color:#fff;display:flex;height:100%;justify-content:center;position:absolute;transition:all .3s ease-in-out;width:100%;z-index:1000000000000}@-webkit-keyframes LoaderInAnim{0%{scale:0}to{scale:1}}@keyframes LoaderInAnim{0%{scale:0}to{scale:1}}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;height:60px;position:relative;width:60px}.half-circle-spinner .circle{border:6px solid transparent;border-radius:100%;content:"";height:100%;position:absolute;width:100%}.half-circle-spinner .circle.circle-1{-webkit-animation:half-circle-spinner-animation 1s infinite;animation:half-circle-spinner-animation 1s infinite;border-top-color:#ff1d5e}.half-circle-spinner .circle.circle-2{-webkit-animation:half-circle-spinner-animation 1s infinite alternate;animation:half-circle-spinner-animation 1s infinite alternate;border-bottom-color:#ff1d5e}@-webkit-keyframes half-circle-spinner-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes half-circle-spinner-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.toast{align-items:center;-webkit-animation:inTostAnim .6s ease-in-out;animation:inTostAnim .6s ease-in-out;border-radius:5px;color:#fff;display:flex;height:50px;letter-spacing:1.1px;max-width:100%;position:fixed;right:5%;top:30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:100}@-webkit-keyframes inTostAnim{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes inTostAnim{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.toast__crossIcon{fill:#000;stroke:#000;cursor:pointer;height:10px;left:5px;position:absolute;top:5px;width:10px}.toast>p{font-size:1.1rem;font-weight:700;margin-inline:35px}[data-name=false]{-webkit-animation:RemoveTostAnim 1s ease-in-out;animation:RemoveTostAnim 1s ease-in-out}@-webkit-keyframes RemoveTostAnim{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}10%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}}@keyframes RemoveTostAnim{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}10%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}}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;overflow:hidden}*,body{margin:0}*{list-style:none;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.b887d80a.css.map*/