body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Arial,sans-serif;margin:0 auto;max-width:100%;padding:20px;position:relative}.header{display:flex;justify-content:space-between}.toggle-theme-button{align-self:flex-start}.sign-up-button{margin-left:auto}.top-login-button{align-self:flex-end}.dark{background-color:#1f1e33;color:#fff}.light{background-color:#f0f2f5;color:#000}.title{cursor:pointer}.form-group{align-items:center;display:flex;justify-content:center;margin:10px auto;max-width:400px;text-align:center}.login-input.custom-input{border:1px solid #ccc;border-radius:4px;flex-grow:1;font-size:16px;margin-right:0;padding:8px;width:375px;word-break:break-word}.register-button{flex-grow:1;min-width:200px}.registration-container{border:1px solid grey;border-radius:5px;margin:50px auto;max-width:400px;padding:20px;position:relative;top:50%;width:100%}.registration-box,.registration-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.registration-box{text-align:center}.registration-box.light,.registration-container.light{background-color:#fff}.registration-box.dark,.registration-container.dark{background-color:#0e0d22}.login-button,.logout-button{flex-grow:1}.delete-account-button{background-color:red;flex-grow:1}.delete-account-button:hover{background-color:darkred}.home-button{flex-grow:1}h1,h2{text-align:center}.add-task-form{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:20.833%}.add-task-input{min-width:275px}.add-task-button{min-width:100px}form{display:flex;margin-bottom:20px}input[type=text]{border:1px solid #ccc;border-radius:4px;flex-grow:1;font-size:16px;padding:8px}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px;transition:background-color .3s}button:hover{background-color:#0056b3}ul{list-style-type:none;margin:20px auto 0;max-width:60%;padding:0}li{align-items:center;border-radius:4px;display:flex;margin-bottom:10px;transition:background-color .3s}span{flex-grow:1}input[type=text],label{margin-right:10px;word-break:break-word}label{border-radius:4px;cursor:pointer;transition:background-color .3s}label:hover{background-color:grey}button+button{margin-left:5px}.error-message{color:red}
/*# sourceMappingURL=main.a1b74ec2.css.map*/