@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;700;900&display=swap);:root{--clr-primary:#3670c7;--clr-secondary:#f4f4f4;--clr-todo-text:#333;--clr-warning:#632424}*,:after,:before{box-sizing:border-box;font-family:inherit}body{background-color:#3670c7;background-color:var(--clr-primary);color:#f4f4f4;color:var(--clr-secondary);font-family:Work Sans,sans-serif;font-size:1.5rem;font-weight:300;margin:0}form{display:flex}.btn{background:0;border:0;color:inherit;cursor:pointer;padding:0}.btn.create{font-size:1.5rem;font-weight:900;margin-right:.25em;transition:opacity .25s ease-in}.btn.create:hover{opacity:.7}.btn.delete{font-size:1rem;opacity:.7;transition:color .2s}.btn.delete:hover{color:#632424;color:var(--clr-warning)}body::-webkit-scrollbar{width:.25rem}body::-webkit-scrollbar-track{background:#3670c7;background:var(--clr-primary)}body::-webkit-scrollbar-thumb{background:#f4f4f4;background:var(--clr-secondary)}@media only screen and (max-width:600px){body{font-size:1.2em}}.App{display:grid;grid:"header header header header"auto ". dashboard-palette signout ."auto ". signin signin ."auto ". login-palette login-palette ."auto ". lists  active ."auto/1fr minmax(100px,300px) minmax(250px,500px) 1fr;position:relative}.title{color:rgba(0,0,0,.1);font-size:calc(7vw + 2rem);font-weight:900;grid-area:header;letter-spacing:2px;margin:-.3em 0 .3em;text-align:center}.sign-out{display:flex;font-size:1rem;font-weight:700;gap:.4rem;grid-area:signout;margin-bottom:.5em;margin-left:auto;opacity:.7;transition:color .2s}.sign-out>.text{padding-top:.1em}.sign-out:hover{color:var(--clr-warning)}.sign-in{background-color:initial;border:2px solid #000;border-radius:4px;color:rgba(0,0,0,.8);display:flex;font-size:1.5rem;font-weight:400;gap:.4rem;grid-area:signin;margin:10rem auto auto;padding:15px 40px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .2s ease-in-out;transition:border .2s,width .2s,height .2s;transition:border-color .5s,color .5s}.sign-in:hover{border-color:var(--clr-secondary);color:var(--clr-secondary)}.sign-in:before{content:"";opacity:0;transition-delay:1s;transition:opacity 1s,visibility 1s;visibility:hidden}.sign-in.loading{border:5px solid hsla(0,0%,100%,.3);border-radius:50%;cursor:wait;height:60px;padding:0;pointer-events:none;width:60px}.sign-in.loading .icon,.sign-in.loading .text{display:none}.sign-in.loading:before{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:turn;animation-name:turn;border:5px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;content:"";height:60px;left:-5px;opacity:1;padding:0;position:absolute;top:-5px;visibility:visible;width:60px}@-webkit-keyframes turn{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}@keyframes turn{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}.login-palette-container{display:flex;grid-area:login-palette;margin:1rem auto auto}.dashboard-palette-container{grid-area:dashboard-palette;margin-right:auto;position:relative;width:2rem}.dashboard-palette-container:hover{color:var(--clr-warning)}.login-palette-container .palette-colors{background-color:#e4e4e4;border-radius:10px;display:flex;list-style:none;margin:-5px 0 0 10px;padding:2px}.dashboard-palette-container .palette-colors{background-color:#e4e4e4;border-radius:10px;display:none;left:30px;list-style:none;padding:2px;position:absolute;top:-30px;z-index:1000}.dashboard-palette-container:hover .palette-colors{display:flex}.colors{border:1px solid #4a4a4a;border-radius:50%;cursor:pointer;height:25px;margin:2px;width:25px}.colors:hover{border-color:#000;border-width:2px}@media only screen and (max-width:600px){.App{display:grid;grid:". header ."auto ". signout ."auto ". dashboard-palette ."auto ". signin ."auto ". login-palette ."auto ". lists ."auto ". active ."auto/1fr minmax(100px,300px) 1fr}.title{margin-bottom:0}.sign-in{font-size:1.3rem;padding:10px}.sign-out{margin:auto}}.all-tasks{grid-area:lists}.task-list{font-size:1.2rem;line-height:1.7;list-style:circle;padding-left:1.1em}.list-name{cursor:pointer}.list-name:hover{opacity:.7}.new{background:transparent;border:0;border-bottom:1px solid;color:inherit;font-size:inherit;order:2;outline:none;padding:.25em;transition:border-bottom .15s ease-in}.new::-webkit-input-placeholder{opacity:.4}.new::placeholder{opacity:.4}.new:focus{border-bottom-width:3px}.new:focus::-webkit-input-placeholder{opacity:.15}.new:focus::placeholder{opacity:.15}.new.list{font-size:1.1rem}.new.task{margin-bottom:0}.new.list::-webkit-input-placeholder{color:var(--clr-secondary)}.new.list::placeholder{color:var(--clr-secondary)}.active-list{font-weight:700}@media only screen and (max-width:600px){.small-task-list{border:1px solid hsla(0,0%,100%,.6);max-height:5rem;overflow:overlay;padding-left:2rem}.task-list-title{margin-bottom:0}.small-task-list::-webkit-scrollbar{width:.25rem}.small-task-list::-webkit-scrollbar-track{background:var(--clr-primary)}.small-task-list::-webkit-scrollbar-thumb{background:var(--clr-secondary)}}.todo-list{--spacer:2rem;background:var(--clr-secondary);color:var(--clr-todo-text);grid-area:active;position:relative}.todo-header{align-items:center;background:#e4e4e4;display:flex;justify-content:space-between;padding:var(--spacer)}.list-title{margin:0 1em 0 0}.task-count{font-size:1rem;margin:0}.todo-body{padding:var(--spacer)}.new-task-creator .create{color:var(--clr-primary)}[type=checkbox]{opacity:0;position:absolute}.task label{align-items:center;display:flex-inline;position:relative}.task{margin-bottom:1.25em;position:relative}.task:after{background:currentColor;bottom:-.5em;content:"";height:1px;left:0;opacity:.1;position:absolute;right:0}.custom-checkbox{--size:0.75em;border:2px solid;border-radius:50%;cursor:pointer;display:inline-block;height:var(--size);margin-right:var(--size);-webkit-transform:scale(1);transform:scale(1);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:var(--size)}.task:hover .custom-checkbox,[type=checkbox]:focus+label .custom-checkbox{color:var(--clr-primary);-webkit-transform:scale(1.2);transform:scale(1.2)}[type=checkbox]:checked+label .custom-checkbox{background:var(--clr-primary);border-color:var(--clr-primary);box-shadow:inset 0 0 0 2px #fff}[type=checkbox]:checked+label{opacity:.5}.task label:after{background:currentColor;content:"";height:3px;left:0;left:1.5em;position:absolute;right:0;top:50%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out}[type=checkbox]:checked+label:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}.delete-stuff{bottom:-45px;color:var(--clr-secondary);display:flex;justify-content:space-evenly;left:0;margin-bottom:.5rem;padding-bottom:.7rem;position:absolute;width:100%}@media only screen and (max-width:600px){.todo-list{margin-top:1.5rem}.todo-in{overflow:hidden}}
/*# sourceMappingURL=main.f8976370.css.map*/