body,html{background-color:#fdf9f0;font-family:Nunito,Arial,Helvetica,sans-serif;font-size:13px;height:100%;margin:0;overflow:hidden;scroll-behavior:smooth;width:100%}a{font-size:2rem;margin:0 .5rem;text-decoration:none}a,h1{color:#deede5}h1{margin:1rem 0;text-align:center}h4{color:#deede5;font-size:.8rem;font-weight:400;margin:.2rem 0;opacity:.8;padding:.2rem;text-align:right}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#deede5;border-radius:5px;box-shadow:inset 0 1px 4px #122119;outline:2px solid #f0b86c;padding:.2rem}::-webkit-scrollbar-thumb{background:#6a9c82;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#487f63}button{border:none;border-radius:5px;box-shadow:0 1px 4px #254133;color:#fdf9f0}button,header{background-color:#487f63}header{border-bottom:.1rem solid #f0b86c;box-shadow:0 1px 4px #404040;position:relative;width:100%}#header-content{align-items:center;display:flex;height:3rem;justify-content:flex-end;margin:0 auto;max-width:1100px;width:100%}.links{border-radius:5px;font-size:.9rem;margin:auto .5rem auto 0;padding:.5rem}#logo{display:inline-block;flex-grow:100;font-family:Nunito;margin:auto 0 auto .5rem}#logo a{font-size:1.1rem}.links:hover{background-color:#6a9c82}#todo-app{background-color:#487f63;border:.1rem solid #f0b86c;border-radius:5px;box-shadow:0 1px 4px #505050;height:67%;left:50%;margin:auto;max-width:1000px;padding:1rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-55%);transform:translate(-50%,-55%);width:85%}form{display:flex;justify-content:center;margin:0 auto;width:90%}#textbox{background-color:#deede5;border:.1rem solid #f0b86c;border-radius:5px;box-shadow:0 1px 4px #122119;color:#122119;flex-grow:100;font-family:Nunito;font-size:1.2rem;height:1.5rem;margin-right:1.5%;padding:.1rem .5rem;width:auto}#textbox:focus{outline:none}#add-btn{box-shadow:0 1px 4px #122119;font-size:1rem;padding:.2rem .4rem}#add-btn,#list{border:.1rem solid #f0b86c}#list{-webkit-padding-start:0;background-color:#deede5;box-shadow:inset 0 1px 4px #122119;height:72%;margin:1rem auto 0;overflow-x:hidden;overflow-y:auto;padding-top:.2rem;padding-inline-start:0}.list-item{align-items:center;background-color:#7cb698;display:flex;margin:.1rem .2rem 0;padding:.3rem}.list-item:last-child{margin-bottom:.3rem}.task-name{background-color:#487f63;border-radius:5px;box-shadow:0 1px 4px #254133;color:#fff;flex-grow:100;font-family:Fuzzy Bubbles;margin-right:.4rem;opacity:.9;overflow:hidden;padding:.4rem .5rem;width:70%}.task-name-cont{word-wrap:break-word;font-size:.8rem;line-height:1.2rem;max-height:6rem;overflow:hidden;text-overflow:ellipsis;width:100%}.click-class{max-height:unset;overflow-y:visible}.checkbox{-webkit-appearance:none;appearance:none;background-color:#deede5;border:1.3px solid #487f63;border-radius:5px;box-shadow:0 1px 4px #254133;color:currentColor;display:grid;font:inherit;height:1.2rem;margin:.5rem 0 .5rem .5rem;place-content:center;-webkit-transform:translateY(.1rem);transform:translateY(.1rem);width:1.2rem}.checkbox:before{background-color:#487f63;box-shadow:inset 1em 1em var(--form-control-color);-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:"";height:.8rem;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;transition:-webkit-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out;width:.8rem}.checkbox:checked:before{-webkit-transform:scale(1);transform:scale(1)}.checkbox:focus{outline:.4px solid #487f63;outline-offset:0}.delete{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAAsUlEQVRIieWUQQrCQBAEe9SDzxSfkKfok/IMPRnEg0KuEQzlRXDJruDsGozYx4Wpnp6Glf5CQAW0PNUCVQ6oplx1yJx9LGaw5wjMKQnYFtx/M+SlOmgK9otmUwaHsQ1KEkTLjZ7Ahg/AXFInaeGE95KWZnYLH6MEZtZLOjnhknQcwpMGD+X0kJx5ZZDTQ3LmawkmaeA6UU4HrgQ7SVcHvJO0d60DrIHLGz/oGVi54D+lO1Zb64XxaMOXAAAAAElFTkSuQmCC);background-color:#487f63;background-position:50%;background-repeat:no-repeat;background-size:65%;-webkit-filter:opacity(.8);filter:opacity(.8);height:1.8rem;margin:auto;width:2.2rem}.completed{-webkit-filter:grayscale(40%);filter:grayscale(40%)}footer{background-color:#487f63;border-top:.1rem solid #f0b86c;bottom:0;box-shadow:0 -1px 4px #404040;color:#c5d1cb;padding:2rem 0 1rem;position:absolute;width:100%}#footer-content{font-size:1rem;margin:0 auto;text-align:center;width:50%}footer a{color:#deede5;font-size:1.1rem;margin:0}@media only screen and (max-width:330px){body,html{font-size:11px}}@media only screen and (max-width:250px){body,html{font-size:9px}}@media only screen and (max-height:550px){h1{margin:.5rem 0}#list,#todo-app{height:60%}}@media only screen and (min-height:700px){#todo-app{height:70%;-webkit-transform:translate(-50%,-53%);transform:translate(-50%,-53%)}}@media only screen and (min-width:750px) and (min-height:750px){body,html{font-size:16px}}@media only screen and (min-width:750px){body,html{font-size:18px}}
/*# sourceMappingURL=main.4fcb13a0.css.map*/