*{box-sizing:border-box;margin:0;padding:0}body{background-color:#616161;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:10px}header{font-size:2rem;text-align:center}p{font-size:1.5rem}form,header,p{align-items:center;display:flex;justify-content:center;text-align:center}form,header{min-height:20vh}form button,form input{background:#fff;border:none;font-size:1.5rem;margin:5px;padding:.5rem}form button{background:#f7fffe;color:#d834db;cursor:pointer;transition:all .3s ease}form button:hover{background:#d834db;color:#fff}.todo-container{align-items:center;display:flex;justify-content:center}.todo-list{list-style:none;max-width:400px;padding:0;width:100%}.todo{align-items:center;background:#fff;border-radius:5px;color:#000;display:flex;font-size:1.2rem;justify-content:space-between;margin:.5rem 0;padding:10px;transition:all 1s ease}.filter-todo{padding:1rem}.todo li{flex:1 1}.complete-btn,.trash-btn{background:#7f8c8d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-left:5px;padding:.5rem}.complete-btn{background:#d834db}.todo-item{padding:0 .5rem}.fa-check,.fa-trash{pointer-events:none}.fall{opacity:0;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;max-width:200px;overflow:hidden;position:relative;width:100%}select{color:#d834db;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%}.select:after{background:#d834db;border-radius:0 5px 5px 0;content:"\25BC";cursor:pointer;padding:1rem;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:768px){header{font-size:1.5rem}p{font-size:1.2rem}form button,form input{font-size:1.2rem;margin:4px;padding:.4rem}.todo{font-size:1rem;padding:8px}.complete-btn,.trash-btn{font-size:.8rem;padding:.4rem}.select{margin:.5rem}select{font-size:1rem}}@media (max-width:480px){header{font-size:1.2rem}p{font-size:1rem}form{align-items:stretch;flex-direction:column}form button,form input{font-size:1rem;margin:3px 0;padding:.3rem;width:100%}.todo{font-size:.9rem;padding:6px}.complete-btn,.trash-btn{font-size:.7rem;padding:.3rem}.select{margin:.5rem 0}select{font-size:.9rem}}
/*# sourceMappingURL=main.e5cdcac1.css.map*/