#tasklist{position:relative;margin:auto;margin-top:1%;height:60vh;width:50vw;overflow-y:auto;border-radius:var(--td-border-radius);padding-right:20px}table{display:block;border-collapse:separate;border-spacing:0 var(--table-border);table-layout:fixed;width:100%;min-height:45vh;min-width:500px;margin-top:-20px;background-color:var(--toothpaste)}td,th{padding:15px;word-wrap:break-word;max-width:20vw}th{background-color:var(--header-color);color:var(--font-color);text-align:left;padding:20px 10px;font-size:200%;position:-webkit-sticky;position:sticky;top:0;transition-duration:0s}td{min-width:50px;transition-duration:0s}tr{margin-top:20px}tr:nth-child(even) td{background-color:var(--even-color);color:var(--font-color)}tr:nth-child(odd) td{background-color:var(--odd-color);color:var(--font-color)}tr:hover td{background-image:linear-gradient(transparent,var(--tr-hover-color));transition-duration:0}tr td:first-child,tr th:first-child{border-top-left-radius:var(--td-border-radius)}tr td:last-child,tr th:last-child{border-bottom-right-radius:var(--td-border-radius);padding-right:30px}td button{display:block;margin:auto;background-color:transparent;outline:0;border:none}svg{width:24px;height:24px}.col1-checkbox{width:10vw}.col3-pomos{width:10vw}.col4-delete{width:10vw;text-align:center}.col2-task{width:100vw}#form-container{position:-webkit-sticky;position:sticky;bottom:0;width:100%;background-color:var(--page-bg-color);border-bottom-left-radius:var(--td-border-radius);border-bottom-right-radius:var(--td-border-radius)}#add-todo{position:-webkit-sticky;position:sticky;bottom:0;width:100%;background-color:var(--header-color);padding-top:10px;padding-bottom:10px;min-width:500px;border-bottom-left-radius:var(--td-border-radius);border-bottom-right-radius:var(--td-border-radius);transition-duration:2s}.task-length,.task-name{font-size:1em;background-color:#fff;border-style:none;border-radius:60vh;border-color:var(--header-color);height:2.5em;padding-left:1vw;color:#000;top:49vh;outline:0}.task-name{width:58%;margin-left:10%}.task-length{width:2em;margin-right:2vw;margin-right:4vw}::placeholder{color:gray}input[type=checkbox]{width:20px;height:20px;background:#fff;border-radius:10px;cursor:pointer}input[type=checkbox]:checked{box-shadow:0 0 0 3px #0f0}tr.completedTask td{text-decoration:line-through;background-color:var(--completed-task-color)}#tasklist::-webkit-scrollbar-thumb{background-color:var(--scroll-color);border:2px solid transparent;border-radius:8px;background-clip:padding-box}#tasklist::-webkit-scrollbar{width:16px}.three-dots::after{cursor:pointer;color:#fcc;content:'\2807';font-size:20px;align-items:center;text-decoration:none!important}.double-buttons{max-height:100%;display:inline-block}.double-buttons button{width:50%;max-height:100%;background-color:transparent;border:none;display:inline block}.delete-svg:hover{fill:red;cursor:pointer}.focus-svg:hover{fill:#ff0;cursor:pointer}button:disabled .focus-svg{fill:#000;cursor:pointer}@media screen and (min-width:1300px){#tasklist{height:60vh;width:40vw;overflow-y:auto;margin-top:1%;padding-right:20px}}