*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(120deg,#e2c35d,#d88771);color:#fff;font-family:Poppins,sans-serif;min-height:100vh}header{font-size:1.5rem}form,header{min-height:20vh;display:flex;justify-content:center;align-items:center}form button,form input{padding:.5rem;font-size:2rem;border:none;background:#fff}form button{color:#d88771;background:#fff;cursor:pointer;transition:all .3s ease}form button:hover{color:#fff;background:#d88771}.todo-container{display:flex;justify-content:center;align-items:center}.todo-list{list-style:none;min-width:30%}.todo{margin:.5rem;background:#fff;color:#000;display:flex;justify-content:space-between;align-items:center;transition:all .5s ease}.todo li{flex:1}.complete-btn,.trash-btn{background:#ff6f47;padding:1rem;color:#fff;border:none;cursor:pointer}.complete-btn{background:#41b941}.todo-item{padding:0 .5rem}.fa-check,.fa-trash{pointer-events:none}.completed{text-decoration:line-through;opacity:.5}.fall{transform:translateY(8rem) rotateZ(20deg);opacity:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border:none}.select{margin:1;position:relative;overflow:hidden;margin:1rem}select{color:#ff6f47;width:10rem;cursor:pointer;padding:1rem}.select::after{content:"\25BC";position:absolute;background:#ff6f47;top:0;right:0;padding:1rem;pointer-events:none;transition:all .3s ease}.select:hover::after{background:#fff;color:#ff6f47}