*{padding:0;margin:0;justify-content:center;box-sizing:border-box}body{background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;font-family:Open Sans;background-color:#000}button{outline:none;cursor:pointer}#addTodoListDiv{margin-left:2em;margin-top:4em}#addTodoListDiv button{margin-left:.5em}#addTodoListInput{padding:.5em;width:15rem}.todoList{border-radius:4px;min-height:100px;background:rgb(25,24,24);padding:.3em;margin:1em 0 1em 1em;color:#e9e9e9;float:left}.todoList h2{font-size:1.5em;font-weight:600}#to-do-list-button{margin-left:.2em}.taskInput input{padding:.5em;margin:.3em;background-color:#2b2b2b;color:#fff;border-radius:5px}.card{border-radius:4px;border-bottom:rgb(180,180,180) 1px solid;background:rgb(39,39,39);margin:.5em 0 0;padding:.3em;font-size:.9em;position:relative;display:flex;justify-content:space-between;flex-direction:row;cursor:pointer;align-items:center}.card .btnXX{visibility:hidden;height:max-content;background:none;border:none;padding:.3em}.card:hover .btnXX{visibility:visible}.card .btnXX:hover{background-color:#0e0d0d;border-radius:4px;cursor:pointer;color:#e9e9e9}.title .btnXX{visibility:hidden;height:max-content;background:none;border:none;padding:.1em .3em}.title:hover .btnXX{visibility:visible}.title .btnXX:hover{background-color:#0a0a0a;border-radius:4px;cursor:pointer;color:#e9e9e9}.btn-save{background-color:#1b1b1b;color:#e9e9e9;border:none;border-radius:4px;padding:.3em}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#070707;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}