@import url(https://fonts.googleapis.com/css2?family=Nerko+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap);.static-popover-container{display:flex;align-items:center;position:absolute;right:-15%;top:-100%;text-decoration:none}.static-popover{height:28px;width:28px;padding:5px;background:#54ae92;color:#fff;font-family:"Nerko One",cursive;font-size:28px;border-radius:45px;display:flex;align-items:center;justify-content:center}.static-popover>h6{margin:0}@media(max-width:768px){.nav-completed-container>.static-popover-container{right:0;top:0}.mobile-completed-container>.static-popover-container{right:5%;top:-150%}.static-popover{border-radius:45px 45px 45px 5px;padding:3px}}@media(max-width:575px){.mobile-completed-container>.static-popover-container{right:35%;top:-150%}}@media(max-width:475px){.mobile-completed-container>.static-popover-container{right:15%;top:-150%}}@media(max-width:375px){.mobile-completed-container>.static-popover-container{right:5%;top:-150%}}.nav-container{display:flex;align-items:center;justify-content:space-evenly;height:100px;padding:0 15px;background-image:url(https://media.giphy.com/media/uf3jumi0zzUv6/giphy.gif);background-size:cover;background-repeat:no-repeat}.nav-container>h3{color:#000;background:#fff;padding:0 5px;border-radius:4px;letter-spacing:2px}.nav-container>h3,.nav-lnk{font-family:"Nerko One",cursive}.nav-lnk{text-decoration:none;letter-spacing:2.5px;font-weight:700;color:#fff;padding:0 15px;font-size:24px}.nav-lnk:hover{color:#e6d9d9;text-decoration:underline}.nav-completed-container{position:relative}h6>span{font-size:18px}.nav-hamburger{display:none}@media(max-width:768px){.nav-hamburger{display:block;cursor:pointer}.nav-lnk.completed,.nav-lnk.logout{display:none}.nav-completed-container{position:static}.nav-container{justify-content:space-between;padding:0 30px}.nav-lnk.register-login{margin:0 auto}}@media(max-width:675px){.nav-lnk.new{display:none}}@media(max-width:475px){.nav-lnk.list{display:none}}.completion-modal-back{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.completion-modal-back>div{display:flex;flex-direction:column;align-items:flex-end}.completion-modal-close{cursor:pointer}.completion-modal-content{background:#fff;border:4px solid #000;width:400px;height:350px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.completion-modal-gif{width:300px}.completion-modal-text{margin:0;font-family:"Nerko One",cursive;font-size:24px;letter-spacing:2px}.completion-modal-btn{width:100px;height:30px;border-radius:5px;border:2px solid #000;background:#000;color:#e6d9d9;cursor:pointer;transition:all .3s ease-in}.completion-modal-btn:hover{box-shadow:4px 5px 5px grey}@media(max-width:475px){.completion-modal-content{width:92vw}.completion-modal-text{padding:0 15px}}.deletion-modal-back{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.deletion-modal-back>div{display:flex;flex-direction:column;align-items:flex-end}.deletion-modal-close{cursor:pointer}.deletion-modal-content{background:#fff;border:4px solid #000;width:400px;height:350px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.deletion-modal-gif{width:300px}.deletion-modal-text{margin:0;font-family:"Nerko One",cursive;font-size:24px;letter-spacing:2px}.deletion-modal-btn{width:100px;height:30px;border-radius:5px;border:2px solid #000;background:#000;color:#e6d9d9;cursor:pointer;transition:all .3s ease-in}.deletion-modal-btn:hover{box-shadow:4px 5px 5px grey}@media(max-width:475px){.deletion-modal-content{width:90vw}}.options-modal-back{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.options-modal-back>div{display:flex;flex-direction:column;align-items:flex-end}.options-modal-close{cursor:pointer}.options-modal-content{background:#fff;border:4px solid #000;width:400px;height:350px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.options-item-link{color:#000;font-family:"Nerko One",cursive;font-size:36px;letter-spacing:2px}.options-item-link:hover{color:#1d1c1c;transform:scale(1.05)}.options-item-delete{height:50px;cursor:pointer}@media(max-width:475px){.options-modal-content{width:84vw}}.hover-popover-container{display:flex;align-items:center;position:absolute;right:-55%}.hover-popover{padding:5px;background:#fff;border:2px solid #000;border-radius:4px}.hover-popover>h6{margin:0}.hover-popover-arrow{height:8px;width:8px;background:#fff;border-left:2px solid #000;border-bottom:2px solid #000;transform:rotate(45deg);position:relative;right:-5%}.not-complete{color:#000}@media(max-width:1040px){.hover-popover-container{flex-direction:row-reverse;right:10%}.hover-popover-arrow{transform:rotate(-135deg);right:5%}}.todo-item{font-family:"Nerko One",cursive;letter-spacing:2px;font-size:24px;display:flex;align-items:center;justify-content:space-between;padding:15px;height:70px;width:800px;border-radius:4px;cursor:move}.todo-item:hover{box-shadow:inset 0 0 5px #000}.todo-item:active{box-shadow:none}@keyframes saved{0%{background:rgba(84,174,146,0);box-shadow:inset 0 0 5px #000}20%{background:rgba(84,174,146,.2);box-shadow:inset 0 0 5px #000}40%{background:rgba(84,174,146,.5);box-shadow:inset 0 0 5px #000}60%{background:rgba(84,174,146,0);box-shadow:inset 0 0 5px #000}80%{background:rgba(84,174,146,.2);box-shadow:inset 0 0 5px #000}to{background:rgba(84,174,146,.5);box-shadow:inset 0 0 5px #000}}.todo-item.saved{animation:saved .5s ease}.dragged-item{box-shadow:inset 0 0 5px #000;background:rgba(0,0,0,.2)}.todo-item-idx-wrapper{display:flex;align-items:center}.todo-item-idx-wrapper>span{margin-right:5px}.todo-item-options{display:flex;justify-content:space-between;align-items:center;width:200px;position:relative}.todo-item-more{display:none}.todo-item-link{color:#000;font-family:"Nerko One",cursive}.todo-item-link:hover{color:#1d1c1c;transform:scale(1.05)}.todo-item-delete{cursor:pointer}.todo-item-delete:hover{animation:shake .7s ease-in 1.25}#complete{cursor:pointer}@media(max-width:845px){.todo-item{width:90vw}}@media(max-width:675px){.todo-item-delete,.todo-item-link{display:none}.todo-item-options{width:150px}.todo-item-more{display:block;cursor:pointer}}@media(max-width:475px){.todo-item-options{justify-content:flex-end}.todo-item-more{margin-right:30px}}.todo-list-main{background-image:url(/static/media/productive2.08daf769.jpg);background-size:cover;min-height:100vh}.todo-list-back{background-color:hsla(0,0%,100%,.5);border-radius:3px;padding:30px;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.todo-list-title{font-family:"Nerko One",cursive;font-size:36px}.todo-list-save{font-family:"Nerko One",cursive;letter-spacing:2px;font-size:24px;margin:15px;height:40px;padding:0 5px;border-radius:4px}.todo-list-save:not(.save){background:rgba(180,175,175,.5);border:4px solid rgba(56,55,55,.5);color:rgba(56,55,55,.5);pointer-events:none}.todo-list-save.save-me{background:#fff;border:4px solid #000;color:#000;cursor:pointer;pointer-events:auto}.todo-list-save.save-me:hover{background:#e6d9d9;box-shadow:4px 5px 5px grey}.todo-list-save.save-me:active{transform:scale(.94)}@media(max-width:425px){.todo-list-save{visibility:hidden}}.edit-form{display:flex;flex-direction:column;align-items:center}.edit-title{font-family:"Nerko One",cursive;font-size:28px;letter-spacing:1.5px}.edit-description{height:150px}.edit-btn{width:100px;height:30px;border-radius:5px;border:2px solid #000;background:#000;color:#e6d9d9;cursor:pointer;transition:all .3s ease-in}.edit-btn:hover{box-shadow:4px 5px 5px grey}.todo-details-main{background-image:url(/static/media/productive3.862304af.jpg);background-size:cover;height:100vh}.todo-details-back{background-color:hsla(0,0%,100%,.3);border-radius:3px;padding:30px;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.todo-details{background:#fff;border:4px solid #000;padding:30px;border-radius:4px;height:auto}.todo-details-name{font-size:24px;padding-bottom:10px}.todo-details-description,.todo-details-name{font-family:"Nerko One",cursive;letter-spacing:2px;margin:5px}.todo-details-description{font-size:18px}.todo-details-btn{width:100px;height:30px;margin-top:15px;border-radius:5px;border:2px solid #000;background:#000;color:#e6d9d9;cursor:pointer;transition:all .3s ease-in}.todo-details-btn:hover{box-shadow:4px 5px 5px grey}.cancel{background:red}.create-main{background-image:url(/static/media/productive.36ff4470.jpg);background-size:cover;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh}.create-form-back{text-align:center;background-color:#fff;border:4px solid #000;border-radius:3px;padding:15px}.create-form{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:20vh}.create-input{height:30px;width:400px;font-size:18px;letter-spacing:3px;background:#e6d9d9;border-radius:5px;border:2px solid #000;padding:5px}.create-input,.create-title{font-family:"Nerko One",cursive}.create-title{font-size:28px;letter-spacing:1.5px}.create-btn{width:100px;height:30px;border-radius:5px;border:2px solid #000;background:#000;color:#e6d9d9;cursor:pointer;transition:all .3s ease-in}.create-btn:hover{box-shadow:4px 5px 5px grey}hr{width:600px}@media(max-width:475px){.create-form-back{width:84vw}.create-input{width:90%}.create-btn{height:40px;font-size:18px}}.register-form{background:#fff;width:400px;height:300px;padding:15px;border:4px solid #000;border-radius:4px;display:flex;flex-direction:column;align-items:center}.register-title{font-family:"Nerko One",cursive;font-size:24px;letter-spacing:2px}.register-input{font-size:18px;letter-spacing:3px;background:#e6d9d9;border-radius:5px;border:2px solid #000;height:30px;width:200px;margin:5px;padding:5px}.register-input:not(.password){font-family:"Nerko One",cursive}.register-input::-webkit-input-placeholder{font-family:"Nerko One",cursive}.register-input:-ms-input-placeholder{font-family:"Nerko One",cursive}.register-input::-ms-input-placeholder{font-family:"Nerko One",cursive}.register-input::placeholder{font-family:"Nerko One",cursive}.register-btn{width:100px;height:30px;margin:5px;border-radius:5px;border:2px solid #000;background:#000;color:#e6d9d9;cursor:pointer;transition:all .3s ease-in}.register-btn:hover{box-shadow:4px 5px 5px grey}.register-input.unauthorized{border:2px solid red;box-shadow:0 0 5px red}@media(max-width:475px){.register-form{width:84vw}.register-btn{height:40px;font-size:18px}}.register-login-main{background-image:url(/static/media/productive4.85720566.jpg);background-size:cover;background-repeat:no-repeat;height:100vh;flex-direction:column;align-items:center}.register-login-main,.user-tabs{display:flex;justify-content:center}.user-tabs{width:400px}.user-tabs>h1{padding:15px;background:#fff;width:150px;text-align:center;cursor:pointer}.user-tabs>h1:hover{background-color:#d4c9c9}.user-tabs>h1:nth-child(2){border-left:2px solid #000}.user-tabs>h1:first-child{border-right:2px solid #000}#small{transform:scale(.93);background-color:#d4c9c9}.register-pw-wrapper{display:flex;align-items:center;position:relative}.register-pw-wrapper>span{position:absolute;right:-18%;cursor:pointer}.register-pw-wrapper>span:hover{transform:scale(.94)}.register-pw-wrapper>span:active{transform:scale(.94);border-radius:5px;background:rgba(0,0,0,.1)}@media(max-width:365px){.user-tabs>h1{width:140px}}.completed-item{font-family:"Nerko One",cursive;color:#fff;letter-spacing:2px;font-size:24px;justify-content:space-between;padding:15px 30px 15px 15px;height:70px;width:800px}.completed-item,.completed-item-idx-wrapper{display:flex;align-items:center}.completed-item-idx-wrapper>span{margin-right:10px}.completed-item-options{display:flex;justify-content:space-between;align-items:center;width:200px;position:relative}.completed-item-more{display:none}.completed-item-link{color:#fff;font-family:"Nerko One",cursive}.completed-item-link:hover{color:#e6d9d9;transform:scale(1.05)}.completed-item-delete{cursor:pointer}@keyframes shake{0%{transform:rotate(45deg)}25%{transform:rotate(0deg)}50%{transform:rotate(-45deg)}75%{transform:rotate(0deg)}to{transform:rotate(45deg)}}.completed-item-delete:hover{animation:shake .7s ease-in 1.25}@media(max-width:845px){.completed-item{width:90vw}}@media(max-width:675px){.completed-item-delete,.completed-item-link{display:none}.completed-item-options{width:150px}.completed-item-more{display:block;cursor:pointer}}@media(max-width:475px){.completed-item-options{justify-content:flex-end}.completed-item-more{margin-right:30px}}.completed-main{background-image:url(/static/media/productive5.5207f2ce.jpg);background-size:cover;height:100vh}.completed-back{background-color:hsla(0,0%,100%,.1);min-height:100vh;display:flex;flex-direction:column;align-items:center}.completed-title{font-family:"Nerko One",cursive;font-size:36px;color:#fff}body{margin:0;overflow:auto}body,html{height:100%;width:100%}html{overflow:hidden}.mobile-menu-back{height:86%;width:100vw;background:rgba(0,0,0,.3);position:fixed;left:0;bottom:0;display:none;justify-content:flex-end}.mobile-menu-content{height:100%;width:25%;background:#e6d9d9;display:flex;flex-direction:column;justify-content:space-evenly;padding:0 15px;box-shadow:inset 1px 0 5px #000;z-index:2}@keyframes slideIn{0%{transform:translateX(100px)}to{transform:translateX(0)}}.mobile-menu-content.open{animation:slideIn .5s ease-in-out}@keyframes slideOut{0%{transform:translateX(0)}to{transform:translateX(100px)}}.mobile-menu-content.close{animation:slideOut .5s ease-in-out}.mobile-completed-container{position:relative}.mobile-menu-lnk{display:none;text-decoration:none;font-family:"Open Sans",sans-serif;letter-spacing:2.5px;font-weight:700;color:#000;padding:0 15px;font-size:18px}.remove-hr{display:none}@media(max-width:768px){.mobile-menu-back.open{display:flex}.mobile-menu-lnk.completed,.mobile-menu-lnk.logout{display:block}.mobile-menu-back{height:100%}}@media(max-width:675px){.mobile-menu-lnk.new,.remove-hr{display:block}}@media(max-width:575px){.mobile-menu-content{box-sizing:border-box;width:50%}}@media(max-width:475px){.mobile-menu-lnk.list{display:block}}
/*# sourceMappingURL=main.b529aad5.chunk.css.map */