:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.task{width:100%}.task-label{display:flex;align-items:center;justify-items:center;padding:.3rem 1rem;margin-top:1rem;background-color:#d8d8d8}input[type=checkbox]{margin-right:.7rem}input[type=checkbox]:checked+span{text-decoration:line-through}.list{font-size:1.5rem;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;padding-top:10vh;width:100%}.btn{font-size:1.5rem;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none}.btn:hover{cursor:pointer}.app-box{display:flex;flex-direction:column;width:100%;max-width:30rem}.task-parent{width:100%}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.add-task{margin-top:1rem;display:flex;flex-direction:row}.input-field{flex-grow:1;font-size:1.5rem;border:none;border:solid;border-width:.15rem;border-radius:0}.logout{background-color:#d8d8d8}.logout:focus,.logout:focus-visible{background-color:#b9b9b9}.add{background-color:#77b9e7}.add:focus,.remove:focus-visible{background-color:#6daad5}.remove{margin-top:1rem;padding-top:.5rem;padding-bottom:.5rem;background-color:#a0a0a0}.remove:focus,.remove:focus-visible{background-color:#b9b9b9}.login{display:flex;align-items:center;justify-content:center;align-content:center}.login-form{margin-top:10vh;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;max-width:15rem;width:100%}.login-name{width:100%;max-width:15rem;font-size:1.5rem;border:none;border:solid;border-width:.15rem;border-radius:0}.login-btn{width:100%;font-size:1.5rem;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;margin-top:.5rem;padding:.2rem;background-color:#77b9e7}.login-btn:focus,.login-btn:focus-visible{background-color:#6daad5}.login-btn:hover{cursor:pointer}