@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);.page-title{color:#300f0f;font-family:Pacifico,cursive;font-size:2.5rem;font-weight:700;letter-spacing:1px;margin-bottom:32px;text-align:center}.task-btn-group{display:flex;gap:20px}.app-bg{background:#364669;justify-content:center;min-height:100vh;width:100vw}.app-bg,.container{align-items:center;display:flex}.container{background:#738bbe;border-radius:16px;box-shadow:0 4px 24px #0000001a;flex-direction:column;max-width:500px;min-width:350px;padding:40px 32px 32px;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){body{background:#f4f6fb;font-family:Segoe UI,Arial,Helvetica,sans-serif;margin:0;padding:0}.App{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-top:40px}.addTask{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;gap:12px;margin-bottom:32px;padding:24px 32px}.addTask input{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;outline:none;padding:10px 16px;transition:border .2s;width:200px}.addTask input:focus{border-color:#2563eb}.addTask button{background:#566483;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 18px;transition:background .2s}.addTask button:hover{background:#1d4ed8}.list{flex-direction:column;max-width:500px;width:100%}.list,.task{display:flex;gap:16px}.task{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 6px #0000000f;font-size:1rem;justify-content:space-between;min-height:60px;padding:14px 20px;transition:box-shadow .2s}.task-btn-group{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:10px;min-width:0;white-space:nowrap}.task h1{flex:1 1;font-size:2.2rem;font-weight:700;margin:0;min-height:40px;min-width:0;text-align:left;word-break:break-word}.task.completed{background:#e5e7eb;color:#9ca3af;text-decoration:line-through}.task button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;margin-left:0;padding:12px;transition:background .2s}.task button,.task button:hover{background:#ce4545}.task .complete-btn{background:#132b61;color:#fff;margin-right:0}.task .complete-btn:hover{background:#059669}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.af6e0e50.css.map*/