body{background-color:#1a1a1a}.card{color:#fff;border-radius:5px;margin:12px;padding:8px;display:flex;align-items:center;font-size:medium;font-weight:700;font-family:Arial,Helvetica,sans-serif;background-color:#404040}.title{flex:1}button{border:none;cursor:pointer;border-radius:10px;font-size:large;font-weight:700;padding:10px 20px;color:#fff;transition:background-color .5s ease}.submit-button{background-color:#ffa600}.submit-button:hover{background-color:#cc8500}.delete-button{background-color:#ff3c00}.delete-button:hover{background-color:#993000}input[type=checkbox]{color:#0ff;border-radius:10px}input[type=text]{font-size:large;padding:8px;border:1px black;border-radius:5px;color:#1a1a1a;margin:8px}.todo{font-family:Arial,Helvetica,sans-serif;text-align:center;margin-top:64px;color:#fff}input[type=checkbox]{display:none}.custom-checkbox{width:20px;height:20px;border:2px solid #000;display:inline-block;margin:10px;vertical-align:middle;cursor:pointer}input[type=checkbox]:checked+.custom-checkbox{background-color:#00ff62}