*{margin:0;padding:0;box-sizing:border-box}body{background-color:#183003;color:#fff;font-family:Poppins,sans-serif;min-height:100vh}header{font-size:1.5rem;text-align:center;padding:1rem}form{min-height:20vh;display:flex;justify-content:center;align-items:center}.todo-input{width:80%}form input,form button{padding:.5rem .5rem .5rem 1rem;font-size:1.8rem;border:none;background:white;border-radius:2rem}form button{color:#fff;background:rgb(80,136,7);cursor:pointer;transition:all .3s ease;margin-left:.5rem}form button:hover{color:#fff}.todo-container{display:flex;justify-content:center;align-items:center}.todo-list{min-width:90%;list-style:none}.todo{margin:.5rem;padding-left:.5rem;background:white;color:#000;font-size:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:.5s;border-radius:2rem}.todo li{flex:1}.trash-btn{color:#0e0202;border:none;padding:1rem;cursor:pointer;font-size:1.5rem}.complete-btn,.edit-btn{color:#000;border:none;padding:1rem;cursor:pointer;font-size:1.5rem}.complete-btn{background:rgb(169,169,169)}.edit-btn{background:rgb(99,99,99)!important}.trash-btn{border-top-right-radius:1.75rem;border-bottom-right-radius:1.75rem;background-color:#fff}.edit-btn{background-color:transparent}.todo-item{padding:0rem .5rem}.completed{text-decoration:line-through;opacity:.5}.select{margin:1rem;position:relative;overflow:hidden;border-radius:50px}select{color:#111110;font-size:.5cm;width:10rem;height:3.05rem;cursor:pointer;padding:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;background:white}.select:after{content:"▼";position:absolute;background:rgb(169,169,169);top:0;right:0;padding:1rem;pointer-events:none;transition:all .3s ease}.select:hover:after{background:white;color:#170159}@media (max-width: 768px){.select{max-width:100%;padding:0}}.modal-content{background-color:#fff;color:#233b02;width:80%;max-width:600px;margin:0 auto;border-radius:1rem;padding:1rem;box-shadow:0 2px 10px #0003}.modal-header,.modal-footer{color:#374d05}.modal-header{border-top-left-radius:1rem;border-top-right-radius:1rem}.modal-footer{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.modal-title{font-size:1.5rem}.modal-body{padding:1.5rem}.form-control{background-color:#fff;color:#000;border:2px solid rgb(21,49,2)!important;border:none;border-radius:.5rem}.modal-footer{display:flex;justify-content:center;align-items:center}.btn-primary{background-color:#4e7a07;color:#fff;border:none;border-radius:.5rem;padding:.5rem 1rem;margin:.5rem}.btn-secondary{background-color:#7a021c;border:none;color:#fff;border-radius:.5rem;padding:.5rem 1rem;margin:.5rem}