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}html{background-color:#f0f2f5}*{border:0;color:#0a1629;font-family:Poppins,sans-serif;margin:0;padding:0}.App-header{background-color:#f0f2f5;font-size:calc(10px + 2vmin);min-height:100vh}.button{background-color:#713fff;border-radius:14px;box-shadow:0 6px 12px rgba(113,63,255,.25);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:13px 30px}.top-title{align-items:center;display:flex;justify-content:space-between;padding:20px}.top-title h2{font-size:36px}.App-link{color:#61dafb}.page-wrapper{display:grid;margin:0 auto;max-width:100%;min-height:100vh;width:720px}.tasks-container{display:flex;flex-direction:column;gap:10px}.footer{color:#000}@media (max-width:800px){.tasks-container{padding:35px 20px}}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:200;src:url(/static/media/poppins-v20-latin-200.7498246ad20e0ba71240.woff2) format("woff2"),url(/static/media/poppins-v20-latin-200.9a201ad3b2d2138a7e77.woff) format("woff")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:url(/static/media/poppins-v20-latin-300.39576fe9df8a22cc1bcc.woff2) format("woff2"),url(/static/media/poppins-v20-latin-300.5558b04900a67eaa589e.woff) format("woff")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(/static/media/poppins-v20-latin-regular.405055dd680fa1dcdfa2.woff2) format("woff2"),url(/static/media/poppins-v20-latin-regular.f61407da33b59324fbef.woff) format("woff")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(/static/media/poppins-v20-latin-500.08491d3f7fe7ae88ef44.woff2) format("woff2"),url(/static/media/poppins-v20-latin-500.8609f9c59114a158e3ad.woff) format("woff")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(/static/media/poppins-v20-latin-600.91145014c0350c248ed2.woff2) format("woff2"),url(/static/media/poppins-v20-latin-600.25ea813988479bcb587a.woff) format("woff")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:url(/static/media/poppins-v20-latin-700.d86662fe776dae29ea78.woff2) format("woff2"),url(/static/media/poppins-v20-latin-700.c54a52658bf21b37083d.woff) format("woff")}.task-card{align-items:center;background-color:#fff;border-radius:14px;box-shadow:0 6px 58px rgba(196,203,214,.104);display:flex;flex-direction:row;gap:10px;justify-content:space-between;padding:22px 30px}.task-name,.task-priority{display:flex;flex-direction:column;margin:5px;width:170px}.task-title{color:#37393e;font-size:14px;font-weight:400;margin-bottom:7px}.task{color:#0a1629;font-size:16px;font-weight:600;line-height:1.2}.task-priority-title{color:#37393e;font-size:14px;font-weight:400;margin-bottom:7px}.priority{color:#0ac947;font-size:14px;font-weight:700;text-transform:capitalize}.high-priority{color:#f73446}.medium-priority{color:#ffbd21}.task-status{text-align:center;width:100px}.task-button{background-color:hsla(217,9%,53%,.14);border:none;border-radius:8px;color:#37393e;cursor:pointer;font-size:12px;font-weight:700;padding:7px 14px}.task-actions{display:flex;gap:12px}.task-actions svg{cursor:pointer}.delete-modal{flex-direction:column;gap:20px}.delete-header,.delete-modal{align-items:center;display:flex}.delete-header{justify-content:center;width:100%}.delete-buttons{display:flex;gap:20px}.delete-buttons button{cursor:pointer;padding:13px 30px}.delete-buttons .remove-button{background-color:#f65160;color:#fff;font-weight:500}.delete-buttons .cancel-button:hover,.delete-buttons .remove-button:hover{opacity:.8}.status-progress{align-items:center;display:flex;flex-direction:row;gap:10px}.task-progress{margin-top:10px}.task-header{display:flex}@media (max-width:800px){.task-header{display:flex;width:100%}.task-priority{margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.task-name{margin:0}.task-priority-title{display:none}.task-card{display:flex;flex-direction:column;gap:20px;margin:0 auto;width:60%}.task-status{width:-webkit-max-content;width:max-content}.task-name{flex-wrap:wrap}.status-progress,.task-name{flex-direction:row;gap:10px;width:100%}.status-progress{align-items:center;display:flex}.task-progress{margin-top:0}.task-actions{justify-content:space-between;margin-top:12px;width:100%}}.circular-progressbar{display:block;margin:0 auto}.circle-background{fill:none;stroke:#e5e6e9}.circle-progress{fill:none;stroke:#713fff;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.modal{background-color:rgba(0,0,0,.4);height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.modal-content{background-color:#fff;border-radius:24px;box-shadow:0 6px 58px rgba(121,145,173,.196);margin:15% auto;max-width:500px;padding:30px 40px;width:40%}@media (max-width:800px){.modal-content{margin:50% auto;padding:20px 30px;width:75%}}.task-form-container{background-color:#fff;border-radius:14px;padding:12px 24px}.task-form-header{align-items:center;display:flex;justify-content:space-between}.task-form-header h4{font-size:22px;margin-bottom:30px}.task-form-header svg{cursor:pointer}.task-form-input{display:flex;flex-direction:column}.task-form-input input,.task-form-input label{color:#7d8592;font-size:14px;font-weight:600}.task-form-input input{background:#fff;border:1px solid #d8e0f0;border-radius:14px;box-shadow:0 1px 2px rgba(184,200,224,.222);font-weight:400;outline:none;padding:16px 18px;width:95%}.task-form-priority span{color:#7d8592;font-size:14px;font-weight:600}.priority-buttons{display:flex;gap:13px;margin-top:12px}.priority-buttons button{background-color:#fff;border-radius:10px;cursor:pointer;font-size:14px;letter-spacing:.1em;padding:10px 0;text-align:center;text-transform:capitalize;width:90px}.low{border:1px solid #0ac947;color:#0ac947}.medium{border:1px solid #ffbd21;color:#ffbd21}.high{border:1px solid #f73446;color:#f73446}.priority-buttons .low-selected{background-color:#0ac947;color:#fff}.priority-buttons .high-selected{background-color:#f73446;color:#fff}.priority-buttons .medium-selected{background-color:#ffbd21;color:#fff}.task-form-add{background:#713fff;border:none;border-radius:14px;box-shadow:0 6px 12px rgba(113,63,255,.25);color:#fff;cursor:pointer;font-size:16px;font-weight:600;outline:none;padding:13px 30px}.addButton-container{display:flex;justify-content:flex-end}:disabled{background-color:#7d8592;cursor:not-allowed}@media (max-width:800px){.addButton-container{margin-top:10px}}.lds-ring{display:inline-block;height:80px;position:relative;width:80px}.lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-radius:50%;border-top-color:#713fff;box-sizing:border-box;display:block;height:64px;margin:8px;position:absolute;width:64px}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.footer{align-content:flex-end;align-items:center;display:flex;flex-direction:column;justify-content:end;padding:20px}.footer-icons svg{width:40px}
/*# sourceMappingURL=main.349ebb15.css.map*/