*{box-sizing:border-box;margin:0;padding:0}body{background-image:linear-gradient(120deg,#f6d365,#fda085);color:#fff;font-family:Poppins,sans-serif;min-height:100vh}header{font-size:2rem}form,header{align-items:center;display:flex;justify-content:center;min-height:20vh}@media(max-width:800px){form,header{margin-right:3rem}}@media(max-width:490px){form,header{margin-left:.5rem}}@media(max-width:400px){form,header{margin-left:.5rem}}form div button,form div input{background:#fff;border:none;font-size:2rem;padding:.5rem}form button{background:#f7fffe;color:#ff6f47;cursor:pointer;transition:all .3s ease}form button:hover{background:#ff6f47;color:#fff}@media(max-width:600px){form{flex-direction:column}}.todo-container,.wrapper{align-items:center;display:flex;justify-content:center}.todo-container{position:relative}@media(max-width:490px){.todo-container{margin-left:0}}.input-container{align-items:center;display:flex;justify-content:center;position:relative}.input-icon{color:#f7fffe;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10000}.todo-list{list-style:none;min-width:30%}.todo-button{background-color:#ff6f47;height:3.3rem;width:3rem}.todo{align-items:center;background:#fff;color:#000;display:flex;font-size:1.5rem;justify-content:space-between;margin:.5rem;transition:all 1s ease}.filter-todo{padding:1rem}.todo li{flex:1 1}.todo-input{margin-left:2rem;width:100%}.todo-input--text{background-color:transparent;border:0;font-size:18px}.todo-input--text:focus{outline:none}.complete-btn,.edit-btn,.trash-btn{background:#ff6f47;border:none;color:#fff;cursor:pointer;font-size:1rem;padding:1rem}.complete-btn{background:#0bd4a2}.complete-btn-checked{background:#31052a}.edit-btn{background-color:#644721}.todo-item{padding:0 .5rem}.fa-check,.fa-pen,.fa-trash{pointer-events:none}.fall{opacity:0;-webkit-transform:translateY(10rem) rotate(20deg);transform:translateY(10rem) rotate(20deg)}.completed{opacity:.5;text-decoration:line-through}select{-webkit-appearance:none;appearance:none;background-image:none;border:0!important;box-shadow:none;outline:0}.select{margin:1rem;overflow:hidden;position:relative}select{color:#ff6f47;cursor:pointer;font-family:Poppins,sans-serif;width:12rem}@media(max-width:700px){select{width:9rem}}.select:after{background:#ff6f47;content:"▼";cursor:pointer;padding:1rem;pointer-events:none;position:absolute;right:0;top:0}
/*# sourceMappingURL=main.7b337f43.css.map*/