@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Saira+Stencil:ital,wght@0,100..900;1,100..900&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#ebb504;--error:#ff4d4d}*{box-sizing:border-box}body{background-color:#0e0d0dea;font-family:Open Sans,sans-serif;margin:0}header{background-color:#fff}header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:5px 20px}header .search-bar{background-color:#f1f1f1;border:1px solid #ccc;border-radius:8px;padding:10px;width:40%}header a{color:#333;text-decoration:none}.pages{color:#fff;margin:0 auto;max-width:1400px;padding:20px}.home{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 2fr}.todo-details{background-color:#353535;border-radius:5px;box-shadow:2px 2px 5px #00000080;margin:20px auto;position:relative}.todo-details h4{background-color:#ebb504;background-color:var(--primary);border-radius:5px 5px 0 0;color:#333;font-size:1.2rem;margin:0 0 10px;padding:10px 40% 10px 10px}.todo-details p{color:#e0e0e0;font-size:1rem;margin:0 10px;padding:10px 0}.todo-details .date{color:#ebb504;color:var(--primary);font-size:.9rem;margin:0 10px;padding:10px 0}.todo-details span{background-color:#1f1f1f;border-radius:50%;cursor:pointer;top:8px}.todo-details .delete{padding:4px;position:absolute;right:30px}.todo-details .edit{padding:4px;position:absolute;right:70px}.todo-details input{accent-color:#1f1f1f;cursor:pointer;padding:10px;position:absolute;right:3px;top:3px;transform:scale(1.5)}.loading{align-items:center;color:#ebb504;color:var(--primary);display:flex;justify-content:center}.todo-details .status{color:#1fdb25;font-weight:700;padding-bottom:10px;text-align:center}.todo-details .status,.todo-details .updating{background-color:initial;cursor:text;display:block}.todo-details .updating{color:#ebb504;color:var(--primary);padding:0 10px 10px 0;text-align:end}form input{background-color:#f1f1f1;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;display:block;font-size:.95rem;margin-bottom:20px;margin-top:10px;padding:10px;width:100%}form button{background-color:#ebb504;background-color:var(--primary);border:0;border-radius:4px;color:#333;cursor:pointer;display:flex;font-family:Open Sans;margin-top:10px;padding:8px 20px}form button:hover{opacity:.85}div.error{border:1px solid #ff4d4d;border:1px solid var(--error);border-radius:5px;color:#ff4d4d;color:var(--error);margin:20px 0;padding:10px}@media (max-width:600px){header .container{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 16px}header h1{font-size:1.1rem}header .search-bar{font-size:.9rem;width:100%}.pages{padding:12px}.home{gap:16px;grid-template-columns:1fr}form button{font-size:.8rem;padding:8px}.todo-details{margin:10px auto}.todo-details h4{font-size:1rem;padding-right:25%}.todo-details p{font-size:.9rem}.todo-details .date{font-size:.8rem}.todo-details .delete{padding:3px;right:36px;top:6px}.todo-details .edit{padding:3px;right:70px;top:6px}.todo-details input{right:10px;top:10px;transform:scale(1.7)}}
/*# sourceMappingURL=main.2adb4750.css.map*/