body{font-family:Arial,Helvetica,sans-serif;background:fixed linear-gradient(#111,#1f1f1f);color:#f0f8ff}.container{max-width:600px;max-height:680px;margin:40px auto;padding:30px;background-color:#222;border-radius:10px;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.45);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,.45);box-shadow:0 0 5px #00000073}.input-area{padding:10px 30px;margin:-20px auto}h1{text-align:center}h2{margin-bottom:10px}p{margin:10px 0}.buttons{display:flex;align-items:center}button{background-color:#36005c;color:#b4b4b4;font-weight:700;border:none;opacity:50%;padding:5px 9px;border-radius:5px;cursor:pointer}button:hover{transition:.6s ease;opacity:1}.submit{color:#e9e9e9}.submit:hover{cursor:not-allowed;opacity:.5}.todo-list-contender{max-height:430px;overflow-y:scroll;scrollbar-width:none;padding:10px 15px 20px;background-color:#1d1c1c;border:2px solid rgb(27,27,27);border-radius:15px}.todo,.ltodo{background-color:#141414;padding:5px 20px;margin-top:10px;border-radius:15px;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.45);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,.45);box-shadow:0 0 5px #00000073;transition:.55s ease;display:flex;justify-content:space-between;align-items:center;cursor:default}.todo:hover{border:rgb(31,0,51) solid 2px;margin-bottom:20px;margin-top:9px;-webkit-box-shadow:0px 11px 11px 1px rgba(0,0,0,.11);-moz-box-shadow:0px 11px 11px 1px rgba(0,0,0,.11);box-shadow:0 11px 11px 1px #0000001c}.todo:last-child:hover{margin-bottom:0;box-shadow:0}.complete{background-color:#0a0a0a;transition:1s ease;margin-right:5px;padding:3.5px 9px}.complete:hover{color:#00c04a;padding:6px 9px;border:rgb(31,0,51) solid .1px;-webkit-box-shadow:0px 11px 11px 1px rgba(0,0,0,.34);-moz-box-shadow:0px 11px 11px 1px rgba(0,0,0,.34);box-shadow:0 11px 11px 1px #00000057}.remove{background-color:#0a0a0a;padding-bottom:1px;transition:1s linear}.remove:hover{color:#974b4b;padding:6px 9px;align-items:center;border:rgb(9,0,15) solid .05px;-webkit-box-shadow:0px 11px 11px 1px rgba(21,0,22,.34);-moz-box-shadow:0px 11px 11px 1px rgba(21,0,22,.34);box-shadow:0 11px 11px 1px #15001657}.edit{background-color:#0a0a0a;padding-bottom:1px;transition:1s linear;margin-right:5px}.todo-form{padding-bottom:1.5rem;justify-content:space-between}input,select{padding:5px;margin-bottom:10px;border:1px solid indigo;border-radius:2px;width:98%;color:#e1ecf7;background-color:#141414;max-height:40px}select{width:100%}.search{display:flex;gap:10px;margin:0 3px}.search button{display:flex;padding:5px;background-color:#141414;margin-bottom:8px}.search svg{display:flex;padding:5px}.filter{display:none;flex-direction:row-reverse;align-items:center;padding:0 5px 1px 0}.filter-options{display:flex;gap:8px}.filter button{background-color:#0a0a0a;margin-left:2px}