@import url(https://fonts.googleapis.com/css2?family=Jura:wght@400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#bbb;font-family:Jura,sans-serif;min-height:100vh}.container{background-color:#d1e5e5;border-radius:15px;margin:20px auto;max-width:500px;overflow:auto;padding:6px 8px}.header{font-size:40px;letter-spacing:5px;margin:0 auto 30px;text-align:center}.btn{background-color:navy;border:none;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:.6rem}.btn:active{scale:.98}.form-control{margin:20px 0}.form-control label{display:block;font-size:18px;margin-bottom:8px}.form-control input{border:none;border-radius:5px;color:#666;font-size:1rem;height:40px;padding:4px 10px;width:100%}.task{background:#f6f6ec;border-radius:5px;cursor:pointer;margin:5px;overflow:hidden;padding:10px 20px;-webkit-user-select:none;user-select:none}.task:hover{box-shadow:1px 1px 10px #000}.task.done{border-left:10px solid #99ffad;border-radius:5px;opacity:.6;padding:10px 20px;text-decoration:line-through}h3{align-items:center;color:navy;display:flex;justify-content:space-between;margin-bottom:10px}form{margin-bottom:30px}button[id=add-task],button[id=save-task]{font-family:Jura,sans-serif;font-size:18px;font-weight:600;margin-top:16px;width:100%}h2{margin-bottom:15px}hr{border-radius:6px;border-top:2px solid blue;margin:15px auto}#add-task{display:block;margin:10px auto 30px;width:50%}.green{background-color:green}.black{background-color:#000}@media (max-width:576px){body{background-color:#d1e5e5}.container{margin:5px auto;min-height:100vh;min-width:100%;padding:3px 5px}.task h3{font-size:17px}#add-task{margin:10px auto 40px}}
/*# sourceMappingURL=main.b2893a52.css.map*/