*{margin:0;padding:0;box-sizing:border-box}Link,a,a:link,a:visited{color:inherit}li{list-style:none}.app-container{display:flex;flex-direction:column;align-items:center;gap:16}@media screen and (max-width:425px){.app-container{margin:0 5vw}}@media screen and (min-width:426px){.app-container{margin:0 auto;width:600px}}header{margin-top:12px}.account-container,header{display:flex;justify-content:center}.account-container{font-size:20px;align-items:center;gap:5px;flex-wrap:wrap}.todo-table{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:16px}.todo-table td,.todo-table th{padding:8px;border-bottom:1px solid #ddd;text-align:left;word-break:break-word}@media screen and (max-width:425px){.dueDate-column{width:25vw}}@media screen and (min-width:426px){.dueDate-column{width:210px}}.completed{text-decoration:line-through;color:gray}.icon-button{background:inherit;border:none}.todo-form{width:100%;margin-top:16px}.input-container{display:flex;gap:5px}@media screen and (max-width:425px){.input-container input.short[type=datetime-local]{flex:1;max-width:25%}}.input-container input[type=text]{flex:1;max-width:100%}.input-container button{width:60px}.login-container{display:flex;flex-direction:column;justify-content:center;gap:5px}@media screen and (max-width:425px){.login-container{margin:20px 20vw}}@media screen and (min-width:426px){.login-container{width:255px;margin:20px auto}}.login-container a{text-align:center}.signup-container{display:flex;flex-direction:column;justify-content:center;gap:5px}@media screen and (max-width:425px){.signup-container{margin:20px 20vw}}@media screen and (min-width:426px){.signup-container{width:255px;margin:20px auto}}