@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600&family=Montserrat&display=swap);.task-container{background-color:#555;border-radius:6px;color:#fff;margin-bottom:20px;padding:10px 14px 10px 15px}.task-container h1{text-align:left;text-transform:uppercase}.task-container .task-text{text-transform:capitalize}.task-container .task-text.completed{color:red;opacity:.3;text-decoration:line-through}.form-todo{align-items:center;display:flex;flex-direction:column;gap:5px;min-width:100%}.form-todo .input{border:none;border-radius:10px;min-width:30%;padding:10px;width:80%}.form-todo .input:active,.form-todo .input:focus{border:noe}.form-todo .input-btns{align-items:center;display:flex;gap:10px;min-width:10%;width:20%}.form-todo .input-btns .input-btn{border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 15px}.form-todo .input-btns .input-btn.success{background-color:green}.form-todo .input-btns .input-btn.warning{background-color:red}.tasks{border-radius:20px;margin-bottom:15px}.footer-buttons{align-items:center;display:flex;justify-content:space-between}.footer-buttons .delete-all{background-color:red;border:none;border-radius:10px;color:#fff;padding:10px}.footer-buttons .excel-button{background-color:green;border:none;border-radius:10px;color:#fff;padding:10px}.footer-buttons .excel-button:active{scale:.92}.tasks{align-items:center;background-color:#b8b8b8;display:flex;justify-content:space-between;padding:10px 14px 10px 15px}.tasks .task{font-size:20px}.tasks .task.done{color:red;text-decoration:line-through}.icons-container{display:flex;font-size:20px;gap:10px}.icons-container .complete{color:green;cursor:pointer}.icons-container .complete:active{scale:.9}.icons-container .edit{color:blue;cursor:pointer}.icons-container .edit:active{scale:.9}.icons-container .delete{color:red;cursor:pointer}.icons-container .delete:active{scale:.9}.nav{align-items:center;display:flex;font-size:1rem;gap:1rem;padding:0 2rem}.link{color:gray;padding:5px}.link.active{border-bottom:2px solid #006d77;color:#006d77}*,:after,:before{box-sizing:border-box}html{font-size:100%}:root{--primary-100:#e2e0ff;--primary-200:#c1beff;--primary-300:#a29dff;--primary-400:#837dff;--primary-500:#645cff;--primary-600:#504acc;--primary-700:#3c3799;--primary-800:#282566;--primary-900:#141233;--grey-50:#f8fafc;--grey-100:#f1f5f9;--grey-200:#e2e8f0;--grey-300:#cbd5e1;--grey-400:#94a3b8;--grey-500:#64748b;--grey-600:#475569;--grey-700:#334155;--grey-800:#1e293b;--grey-900:#0f172a;--black:#222;--white:#fff;--red-light:#f8d7da;--red-dark:#842029;--green-light:#d1e7dd;--green-dark:#0f5132;--small-text:0.875rem;--extra-small-text:0.7em;--backgroundColor:var(--grey-50);--textColor:var(--grey-900);--borderRadius:0.5rem;--letterSpacing:1px;--transition:0.3s ease-in-out all;--max-width:1120px;--fixed-width:600px;--shadow-1:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-2:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-3:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-4:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}body{background:#f8fafc;background:var(--backgroundColor);color:#0f172a;color:var(--textColor);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.75}p{margin-bottom:1.5rem;max-width:40em}h1,h2,h3,h4,h5{font-family:var(--headingFont);font-weight:400;letter-spacing:1px;letter-spacing:var(--letterSpacing);line-height:1.3;margin:0 0 1.38rem;text-transform:capitalize}h1{font-size:3.052rem;margin-top:0}h2{font-size:2.441rem}h3{font-size:1.953rem}h4{font-size:1.563rem}h5{font-size:1.25rem}.text-small,small{font-size:.875rem;font-size:var(--small-text)}a{text-decoration:none}ul{list-style-type:none;padding:0}.footer{background-color:#842029;background-color:var(--red-dark);color:#fff;margin-top:auto;text-align:center}.btn{background:#645cff;background:var(--primary-500);border:transparent;border-radius:.5rem;border-radius:var(--borderRadius);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:var(--shadow-1);color:#fff;color:var(--white);cursor:pointer;display:inline-block;letter-spacing:1px;letter-spacing:var(--letterSpacing);padding:.375rem .75rem;text-transform:capitalize;transition:all .3s ease-in-out;transition:var(--transition)}.btn:hover{background:#3c3799;background:var(--primary-700);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:var(--shadow-3)}.section{margin:0 auto;max-width:1120px;max-width:var(--max-width);padding:2rem 0;width:90vw}
/*# sourceMappingURL=main.2704bbe1.css.map*/