@import url(https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);body{background-color:#0a1929;letter-spacing:.4mm;font-size:15px}#root,body{margin:0;padding:0;font-family:"Roboto",sans-serif}#root{display:flex;flex-direction:column;justify-content:space-between;height:100vh}@media only screen and (max-width:668px) and (min-width:568px){html{font-size:14px}}@media only screen and (min-width:280px) and (max-width:368px){html{font-size:10.7px}}@media only screen and (max-width:568px) and (min-width:368px){html{font-size:12.8px}}*{box-sizing:border-box}.App{text-align:center;color:#ececec}.add-task-container,.App{display:flex;align-items:center;flex-direction:column}.add-task-container{justify-content:space-evenly;margin:2rem 0 1rem;z-index:160;border-radius:10px;height:8.5rem;width:29rem;background-color:#10273f;border:1px solid #14467c}.task-form{display:flex;justify-content:center;align-items:center;width:21.5rem;margin-top:1.5rem;border-bottom:1px solid #14467c;padding-bottom:1.2rem}.task-form-input{padding:1rem;border:none;width:18.5rem;height:2.2rem;background-color:#ececec;border-radius:5px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.425),1px 1px 3px 0 rgba(0,0,0,.205)}.add-task-form-btn,.task-btn{margin:0 1rem;color:#ececec}.tasks-completed-container{width:76%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;position:relative}.tasks-completed:after{content:"✔";color:#ff0;margin-left:.1rem}.tick{width:1.5rem;height:1.5rem;padding:.2rem;margin:.2rem}.tick-container{display:flex;width:2.5rem;height:1.8rem;align-items:center;justify-content:center}.tasks-page{height:100%}.tasks-container{flex-direction:column;margin-bottom:2rem}.task,.tasks-container{display:flex;align-items:center}.task{min-width:29rem;background-color:#10273f;color:#ececec;margin:.2rem 0;padding:0 1.5rem;justify-content:space-between;box-shadow:1px 1px 4px 0 rgba(0,0,0,.425),1px 1px 4px 0 rgba(0,0,0,.205);border-bottom:1px solid #14467c;border-top:1px solid #14467c;-webkit-animation:flip .2s ease-in-out 1;animation:flip .2s ease-in-out 1;line-break:break-all}.task-text{display:flex;justify-content:flex-start;max-width:14rem;overflow:hidden}.fade-out-task{-webkit-animation:fadeout .2s linear forwards;animation:fadeout .2s linear forwards;color:#ececec;padding:0 1.5rem;justify-content:space-between}.edit-task-form,.fade-out-task{min-width:29rem;background-color:#10273f;margin:.2rem 0;display:flex;align-items:center;box-shadow:1px 1px 4px 0 rgba(0,0,0,.425),1px 1px 4px 0 rgba(0,0,0,.205);border-bottom:1px solid #14467c;border-top:1px solid #14467c}.edit-task-form{justify-content:space-around;height:3.1rem;padding:1.5rem 0;visibility:hidden;-webkit-animation:flip .2s ease-in-out 1;animation:flip .2s ease-in-out 1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative}@-webkit-keyframes flip{0%{opacity:0;margin-left:-4rem;-webkit-backface-visibility:hidden;backface-visibility:hidden}to{opacity:1;margin-left:0}}@keyframes flip{0%{opacity:0;margin-left:-4rem;-webkit-backface-visibility:hidden;backface-visibility:hidden}to{opacity:1;margin-left:0}}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.edit-task-input{padding:1rem;border:none;width:13.5rem;height:2.1rem;background-color:#ececec;border-radius:5px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.425),1px 1px 3px 0 rgba(0,0,0,.205)}.task-buttons{display:flex;width:9rem;align-items:center;justify-content:space-between;margin-right:1rem}.checkbox-container,.task-checkbox{display:flex;align-items:center;justify-content:center;height:.8rem}.checkbox{-webkit-appearance:none;appearance:none;background-color:#fff;width:1.5rem;height:1.5rem;border:1px solid #1d4774;background:transparent;border-radius:.2em;position:relative;cursor:pointer;transition:.2s cubic-bezier(.165,.84,.44,1);z-index:2}[type=checkbox]:checked+label,[type=checkbox]:not(:checked)+label{position:relative;font-size:.8rem}[type=checkbox]:checked+label:after{content:"✔";position:absolute;top:-.2rem;left:-1.215em;font-size:1.495em;z-index:1;color:#ff0;line-height:0;transition:all .2s}[type=checkbox]:not(:checked){-webkit-transform:scale(.5) rotate(45deg);transform:scale(.5) rotate(45deg)}[type=checkbox]:checked{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}[type=checkbox]:checked:focus,[type=checkbox]:not(:checked):focus{box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 0 3px #214872}nav{justify-content:space-between;height:3.2rem;width:100%}.nav-rightside,nav{display:flex;align-items:center}.nav-rightside{justify-content:space-evenly;min-width:11.2rem;padding:0 1rem}.nav-logo{margin-left:1.2rem;color:#ececec}.username{margin-right:.5rem;font-size:1.1rem}.signin-page,.signup-page{height:calc(100vh - 6.3rem);justify-content:center;padding:1.8rem}.sign-in-container,.sign-up-container,.signin-page,.signup-page{display:flex;align-items:center;flex-direction:column;position:relative}.sign-in-container,.sign-up-container{max-height:30.5rem;width:22rem;text-align:center;background-color:#10273f;border-radius:6px;justify-content:flex-start;color:#ececec;box-shadow:0 0 0 1px #14467c,2px 2px 2px rgba(0,0,0,.555),3px 3px 3px 3px rgba(0,0,0,.233),4px 4px 4px 4px rgba(0,0,0,.199),5px 5px 5px 4px rgba(0,0,0,.11);-webkit-animation:move-in .4s cubic-bezier(.215,.61,.355,1);animation:move-in .4s cubic-bezier(.215,.61,.355,1);overflow:visible;margin-bottom:2rem}@-webkit-keyframes move-in{0%{margin-left:-100px;opacity:0}to{opacity:1;margin-left:0}}@keyframes move-in{0%{margin-left:-100px;opacity:0}to{opacity:1;margin-left:0}}.signin-headline-background{margin:2rem 0 1rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:200;height:4.2rem;color:#eee}.signin-headline-background,.signin-headline-background:after{border-top:1px solid #14467c;border-bottom:1px solid #14467c;font-size:.7rem;width:18rem}.signin-headline-background:after{content:"";position:absolute;left:-1px;top:.1rem;height:4rem;-webkit-transform:skewY(3deg);transform:skewY(3deg)}.signin-headline{width:18.8rem;word-break:break-word;font-weight:1000}.signin-title{margin-bottom:1.3rem;font-size:1.6rem}.signup-title{margin-top:3rem;font-size:2.2rem}.sign-in-form,.sign-up-form{display:flex;position:relative;flex-direction:column;align-items:flex-start;min-height:13.5rem}.signin-link-container{display:flex;width:100%;margin-top:.8rem;justify-content:center;align-items:center}.signin-input,.signup-input{border:none;padding:.5rem;background-color:#ececec;border-radius:3px;width:16.3rem;margin-top:.1rem}.signup-form label,label{display:flex;justify-content:flex-end;margin-top:.5rem;font-size:.9rem}.signin-link,.signup-link{color:#fdfd96;font-size:.7rem;text-decoration:none;position:relative;display:flex;justify-content:space-between}.signin-link:before,.signup-link:after{content:"";position:absolute;bottom:-.235rem;left:0;background-color:#fdfd96;width:100%;height:1px}.signin-bar,.signup-bar{display:flex;justify-content:space-between;align-items:center;width:16.3rem}.auth-mesgs,.signout-mesgs{height:50px;margin-bottom:.7rem;font-size:.9rem}.auth-mesgs{color:red}.footer-container{height:3.1rem;background-color:hsla(0,0%,100%,.10196078431372549)}.footer-container,.footer-elements{width:100%;display:flex;align-items:center;justify-content:center}.footer-elements{color:#b1b1b1;font-size:.75rem;font-weight:400}
/*# sourceMappingURL=main.019f033c.chunk.css.map */