@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@200;400;500&display=swap);:root{--bg-color:#abe5a9;--alt-bg-color:#0000004d;--font-color:#fff;--alt-font-color:#d5e169e6;--primary-color:#176b53;--secondary-color:#93b5c6}*{box-sizing:border-box;margin:0;padding:0}body{background:#abe5a9;background:var(--bg-color);color:#fff;color:var(--font-color);font-family:Nunito,sans-serif;font-size:100%;min-height:97vh;padding:100px 0;position:relative;transition:all .3s linear}.container{background:#0000004d;background:var(--alt-bg-color);border-radius:20px;box-shadow:0 0 20px 0 #00000045;margin:0 auto;max-width:900px;padding:30px;text-align:center;width:100%}.head input{background-color:#eee;border:none;outline:none;padding:13px 20px}.head input,button{border-radius:10px;font-family:inherit;font-size:.9rem}button{background-color:#176b53;background-color:var(--primary-color);border:none;color:#fff;color:var(--font-color);cursor:pointer;font-weight:500;padding:10px 30px;transition:all .3s ease}button:hover{opacity:.7}.tasks-wrapper{color:#fff;color:var(--font-color);display:flex;flex-direction:column;gap:20px;list-style:none;max-height:400px;overflow-y:auto;padding:0 50px}@media (max-width:768px){.tasks-wrapper{gap:5px;padding:0 5px}}.task{background-color:#176b53;background-color:var(--primary-color);border-radius:10px;gap:5px;padding:4px 20px 5px 30px;text-align:left;transition:all .5s ease}.task,.task button{align-items:center;display:flex}.task button{background-color:initial;border-radius:50%;color:#d5e169e6;color:var(--alt-font-color);font-size:1rem;font-weight:700;height:40px;justify-content:center;padding:0;transition:.7s;width:40px}.task button:hover{background-color:#d5e169e6;background-color:var(--alt-font-color);border-radius:10px;color:#176b53;color:var(--primary-color);opacity:.85}.task-done{opacity:.5}.task-done p{font-style:italic;text-decoration:line-through}::-webkit-scrollbar{border-radius:10px;width:.5rem}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 6px #0000004d}::-webkit-scrollbar-thumb{background-color:#176b53;border-radius:10px;height:50px;outline:0 inset #7fffd4}.preventClick{pointer-events:none}.footer{bottom:0;left:50%;margin:auto 0;position:fixed;text-align:center}.github{color:#176b53;font-size:2rem}ul{list-style-type:none}.btn{cursor:pointer;padding:.8rem 1rem .7rem;text-transform:capitalize}.btn.toggle-btn{border-color:#d3d3d3;border-width:1px}.btn.toggle-btn[aria-pressed=true]{background-color:#d5e169e6;background-color:var(--alt-font-color);border-radius:10px;color:#176b53;color:var(--primary-color);opacity:.85}.btn-group{display:flex;justify-content:space-between}.btn-group>*{flex:1 1 49%}.btn-group>*+*{margin-left:.8rem}.label-wrapper{flex:0 0 100%;margin:0;text-align:center}.visually-hidden{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}[class*=stack]>*{margin-bottom:10px;margin-top:0}.stack-small>*+*{margin-top:1.25rem}.stack-large>*+*{margin-top:2.5rem}@media screen and (min-width:550px){.stack-small>*+*{margin-top:1.4rem}.stack-large>*+*{margin-top:2.8rem}}.stack-exception{margin-top:1.2rem}.label__lg{font-weight:300;line-height:1.01567;margin-bottom:5rem;padding:.8rem;text-align:center}.input__lg{border:2px solid #000;border-radius:20px;margin-right:10px;margin-top:10px;padding:1rem}.todo-text{border:2px solid #565656;border-radius:20px;margin-left:10px;min-height:1.5rem;padding:.4rem .8rem;width:40%}
/*# sourceMappingURL=main.a01ceec3.css.map*/