@import url(https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lora,serif;font-optical-sizing:auto;font-style:normal;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-weight:500}a,button,p,span{font-weight:400}.App{height:100vh;justify-content:center;text-align:center;width:100%}.App,.todo-item{align-items:center;display:flex}.todo-item{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;gap:10px;justify-content:space-between;padding:10px;transition:background .3s ease}.todo-item span{cursor:pointer;flex-grow:1;text-align:left}.todo-item button{background:#8c3fea;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;transition:background .3s ease}.todo-item button:hover{background:#d8bff6;color:#000}.todo-list{list-style:none;margin:0;padding:0}.todo-list li+li{margin-top:10px}.todo-container{height:300px;overflow-y:scroll}.add-todo{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.add-todo input{border:1px solid #ddd;border-radius:4px;flex-grow:1;font-size:18px;margin-right:10px;outline:none;padding:10px}.add-todo button{background:#8c3fea;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s ease}.add-todo button:hover{background:#d8bff6;color:#000}@media only screen and (min-width:600px){.add-todo{display:flex;flex-direction:row;margin-bottom:20px}}.todo-filter{display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:20px}.todo-filter button{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;margin:0 5px;padding:5px 10px;transition:background .3s ease}.todo-filter button.active{background:#8c3fea;border-color:#8c3fea;color:#fff}.todo-filter button:hover{background:#d8bff6;color:#000}@media only screen and (min-width:600px){.todo-filter{display:flex;flex-direction:row;gap:5px;justify-content:center;margin-top:20px}}.todo-app{background:#f7f7f7;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-height:80%;max-width:600px;overflow-y:scroll;padding:20px;text-align:center;width:80%}.todo-app h1{font-size:2rem;margin-bottom:20px}.count,.todo-app h1{color:#8c3fea}.lottie{width:50%}.loading{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.error{color:red;font-weight:700;margin:10px 0}.logout-button{background:none;border:none;border-radius:12px;color:#8c3fea;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:underline;transition:color .3s ease}.logout-button:hover{color:#000}.login-form{background:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 10px #0000001a;margin:auto;padding:20px;width:50%}.form-group{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-bottom:10px;padding:10px}.form-group label{color:#8c3fea;display:block;font-weight:700;margin-bottom:5px}h2{color:#8c3fea}.form-group input[type=password],.form-group input[type=text]{border:1px solid #ccc;border-radius:3px;font-size:14px;outline:none;padding:8px;width:100%}.form-group button{background-color:#8c3fea;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:50%}.form-group button:hover{background:#d8bff6;color:#000}@media only screen and (min-width:600px){.form-group{display:flex;flex-direction:row;gap:5px;justify-content:center;margin-top:20px}}.home-container{align-items:center;background:linear-gradient(90deg,#8c3fea,#4a90e2);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:10px;width:100%}p{font-size:18px;margin-bottom:30px}.nav-links{display:flex;gap:20px}.nav-links a{background-color:#fff;border-radius:5px;color:#8c3fea;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.nav-links a:hover{background-color:#ddd}.about-container{color:#333;margin:0 auto;max-width:800px;padding:40px;text-align:center}h1{margin-bottom:20px}p{line-height:1.6;margin-bottom:15px}.back-button{background:none;border:none;border-radius:12px;color:#8c3fea;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:underline;transition:color .3s ease}.back-button:hover{color:#000}
/*# sourceMappingURL=main.ac4fec3e.css.map*/