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}header{align-items:center;background:linear-gradient(90deg,#5e72e4,#825ee4);border-bottom:5px solid #e1e1f1;display:flex;font-family:Montserrat,sans-serif;justify-content:space-between;padding:20px;transition:all .2s ease-in-out}header:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}header .title{align-items:center;color:#fff;display:flex;font-size:32px;font-weight:700;margin:0;padding:0 20px;transition:all .2s ease-in-out}header .title:hover{color:#ff0}header .title svg{color:#fff;font-size:40px;margin-right:20px;transition:all .2s ease-in-out}header .title svg:hover{color:#ff0}header .author{color:#fff;font-size:17px;transition:all .2s ease-in-out}header .author:hover{color:#ff0}nav{display:block;padding:10px 25px}nav,nav .tab{background-color:gray}nav .tab{color:#ff0;font-size:18px;font-weight:700;padding:10px;text-decoration:none}nav .active{background-color:#fff;color:green}.task-wrapper{background-color:#f1f1f1;border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);margin:20px 0 20px 20px;padding:20px}h2.title{color:#b6287d;margin:20px}.open,h2.title{font-weight:700}.open{color:red}.completed{color:green;font-weight:700}.container{display:flex;flex-direction:column;gap:20px}.task-list-container{margin-right:20px}.add-task-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.clear-tasks-container{display:flex;justify-content:flex-end}.change-status-button,.clear-tasks-button,.remove-button{background-color:#ce5148;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:6px 12px;transition:background-color .2s ease-in-out}.clear-tasks-button:hover,.remove-button:hover{background-color:red}.change-status-button{background-color:#4caf50;margin-right:10px}.change-status-button:hover{background-color:#3e8e41}.loading-message,.no-tasks-message{font-size:24px;font-weight:700;margin:20px 0;text-align:center}.loading-message{color:#f79e02}.no-tasks-message{color:#ce5148}.form-container{background-color:#f1f1f1;border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1);flex-grow:1;margin:20px;padding:20px 0 60px}.form-heading{color:#b6287d;font-weight:700;margin:5px 0 20px 20px}.form-label{display:block;font-weight:600;margin-bottom:1rem;margin-left:20px}.form-input{border:1px solid #ccc;border-radius:5px;display:inline-block;font-size:18px;margin-top:10px;padding:.5rem;transition:border-color .2s ease-in-out;width:96%}.form-input:focus{border-color:#aaa;outline:none}.form-select{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-left:10px;padding:.5rem;transition:border-color .2s ease-in-out}.form-select:focus{border-color:#aaa;outline:none}.form-button{background-color:#1a5cde;border-radius:4px;color:#fff;cursor:pointer;float:left;font-size:18px;margin-left:20px;padding:6px 15px;transition:background-color .2s ease-in-out}.form-button:hover{background-color:#134cb0}.error-message,.saving-message{font-size:20px;font-weight:700;margin-bottom:1rem;margin-left:20px;margin-top:1rem}.error-message{color:#c00}.saving-message{color:#1a5cde}.help{display:flex;font-size:1.2rem;justify-content:space-between;padding:2rem}.help-left{width:70%}.help-right{width:30%}.help-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.help-description{margin-bottom:2rem;text-align:justify}.help-right nav{background-color:#f2f2f2;border:1px solid #ccc;border-radius:5px}.help-right ul{list-style:none;margin:0;padding:0}.help-right li{border-bottom:1px solid #ccc}.help-right li:last-child{border-bottom:none}.help-right li a{color:#333;display:block;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out}.help-right li.active a{background-color:#1a5cde;color:#fff}.help-right li a:hover{background-color:#ddd}.help-right li.active a:hover{background-color:#134cb0}.help-content{margin-top:2rem}@media screen and (max-width:1280px){.help{flex-direction:column}.help-left,.help-right{width:100%}.help-right{margin-top:1rem}}
/*# sourceMappingURL=main.96dd5d30.css.map*/