body{background-color:#000;font-family:cursive,sans-serif;color:wheat;display:flex;justify-content:center;height:100vh;align-items:center;overflow:hidden}.todo-card{background:#333;padding:40px;display:flex;flex-direction:column;min-width:400px;max-width:500px;border-radius:10px;box-shadow:5px 5px 15px #00000080}h1{text-shadow:5px 5px 15px rgba(0,0,0,.5)}.add-section{display:flex;flex-direction:column;gap:10px}.input-add{display:flex;gap:10px}.filter-section{display:flex;gap:5px}.todo-list{display:flex;flex-direction:column}.inputList{width:100%;padding:15px;border-radius:10px;font-size:1.2rem;border:none;box-shadow:inset 0 2px 10px #00000080;background-color:transparent;color:#fff}.inputList:focus{outline:none}.addItem{padding:10px 20px;border-radius:10px;border:none;font-weight:700;cursor:pointer;background:#3c38;color:#fff;transition:background .2s ease}.addItem:active{box-shadow:inset 0 2px 10px #00000080}.addItem:hover{background:#33cc3367}.delete-edit-section{display:flex;gap:10px}.edit-remove{cursor:pointer;transition:transform .2s all;border:none;color:#fff;font-weight:700;padding:5px 10px;transition:transform .5s ease}.edit-remove:nth-child(1){background:#f1ee39}.edit-remove:nth-child(2){background:#2cb2e7}.edit-remove:hover{transform:scale(1.1)}.edit-remove:active{transform:scale(.7)}.todos-section{background-color:#0000007c;padding:20px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 5px 15px #0003;margin:0 0 10px}.item-check{display:flex;align-items:center}.edit-button,.close-button{padding:5px 15px;border:none;cursor:pointer}.edit-button{background:linear-gradient(360deg,orange,salmon);color:#fff;font-weight:700;transition:transform .5s ease}.edit-button:hover{background:linear-gradient(360deg,#ffa600d2,#fa8072cc);transform:scale(1.07)}.edit-button:active{transform:scale(.9)}.close-button{background:linear-gradient(360deg,#cd5c5c,coral);color:#fff;font-weight:700;transition:transform .5s}.close-button:hover{transform:scale(1.07)}.close-button:active{transform:scale(.9)}.edit-modal{padding:10px;width:70%}.edit-modal:focus{outline:none}.modal{display:flex;flex-wrap:wrap;gap:2px;animation:modalApparition .5s;margin:10px 0 0}@keyframes modalApparition{0%{transform:translateY(400px);opacity:0}25%{transform:translateY(300px);opacity:0}50%{transform:translateY(200px);opacity:0}75%{transform:translateY(100px);opacity:.1}to{transform:translateY(0);opacity:1}}.filter-btn.active{background:#191970;box-shadow:inset 0 2px 10px #0003;color:#fff;padding:5px 15px}.filter-btn.inactive{background-color:#fff;color:#fff;border-color:#ddd;padding:5px 15px;background:linear-gradient(360deg,#0000cd,#191970);box-shadow:2px 5px 10px #04044180;display:flex;align-items:center;justify-content:center;cursor:pointer}