@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}body{background-image:url(/assets/background-ChFp4hSN.png);background-repeat:repeat-y;background-position:center;background-size:cover;color:#45b39d;font-family:Ubuntu,sans-serif;height:100vh}button{background-color:#7d3c98;border-radius:.5rem;color:#abc1e3;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;padding:.5rem;transition:.3s;border:1px solid #45b39d}button:hover{background-color:#af7ac5;color:#1d1b1a}header{color:#ccc;text-align:center;padding:1rem 1rem 0}.task-container{background-color:#1d1b1a;border-radius:.5rem;border:2px solid #45b39d;max-width:29rem;margin:0 auto;padding:1.5rem;position:relative;top:2rem}#task-form,#edit-form,#toolbar{padding:1rem;border-bottom:1px solid #ccc}#task-form h2,#edit-form h3,#toolbar h3,h4{margin-bottom:.5rem;font-weight:700;font-size:1rem}.hide{display:none}.form-control{display:flex}.form-control input{border-radius:.5rem;border:none;font-size:1rem;padding:.5rem;margin-right:.5rem;width:14rem}#toolbar{display:flex}#cancel-edit-btn{font-weight:700;margin-top:1rem}#search{display:flex;flex-direction:column;width:60%}#search form{display:flex}#search input{border-radius:.5rem;border:none;font-size:1rem;margin-right:.5rem;padding:.5rem;width:10rem}#filter{width:30%;display:flex;flex-direction:column}#filter select{border-radius:.5rem;font-size:1rem;flex:1.5rem;padding:.1rem}.todo{display:flex;align-items:center;align-content:center;justify-content:space-between;margin-block:1rem;padding:1rem 1.5rem}.todo h4{flex:1}.todo button{margin-left:.5rem}.done{background-color:#38384091;border-radius:.5rem}