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}.project-item{background-color:#fff;border:2px solid gray;border-radius:10px;min-height:7rem;min-width:10rem;padding:2rem;transition:all;transition-duration:.2s}.project-item:hover{background-color:#d1d1d1;cursor:pointer}.project-item .project-title{color:#008cff;font-size:x-large;font-weight:600}button.default{background-color:#fff;border:3px solid #008cff;border-radius:10px;color:#008cff;display:block;font-size:large;font-weight:700;min-height:2rem;min-width:3rem;padding:.3rem .6rem;transition:all;transition-duration:.2s}button.default:hover{background-color:#008cff;color:#fff;cursor:pointer}button.success{background-color:#fff;border:3px solid #2cda00;border-radius:10px;color:#2cda00;display:block;font-size:large;font-weight:700;min-height:2rem;min-width:3rem;padding:.3rem .6rem;transition:all;transition-duration:.2s}button.success:hover{background-color:#2cda00;color:#fff;cursor:pointer}button.cancel{background-color:#fff;border:3px solid #ff3556;border-radius:10px;color:#ff3556;display:block;font-size:large;font-weight:700;min-height:2rem;min-width:3rem;padding:.3rem .6rem;transition:all;transition-duration:.2s}button.cancel:hover{background-color:#ff3556;color:#fff;cursor:pointer}button.warning{background-color:#fff;border:3px solid #ffc935;border-radius:10px;color:#ffc935;display:block;font-size:large;font-weight:700;min-height:2rem;min-width:3rem;padding:.3rem .6rem;transition:all;transition-duration:.2s}button.warning:hover{background-color:#ffc935;color:#fff;cursor:pointer}input[type=text]{background-color:#fff;border:2px solid gray;border-radius:10px;color:#000;display:block;font-size:medium;min-height:1.3rem;min-width:7rem;padding:5px}.create-project-form{align-items:start;display:flex;flex-direction:column;gap:1rem;justify-content:start}.project-list{align-items:center;display:flex;gap:2rem;justify-content:start}.project-list .project-list-title{color:#000;font-size:x-large;font-weight:700}ul.project-list-wrapper{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}ul.project-list-wrapper li{list-style-type:none}main{margin-top:64px;min-height:calc(100vh - 124px)}main .container{padding:2rem}.modal{align-items:center;background-color:rgba(0,0,0,.4);display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:.5s;width:100vw;z-index:2}.modal.active{opacity:1;pointer-events:all}.modal .modal-window{background-color:#fff;border:3px solid gray;border-radius:.7rem;display:flex;flex-direction:column;gap:1rem;height:17rem;overflow:auto;padding:2rem;-webkit-transform:scale(.3);transform:scale(.3);transition:all .4s;width:25rem}.modal .modal-window.active{-webkit-transform:scale(1);transform:scale(1)}.modal .modal-window::-webkit-scrollbar{width:10px}.modal .modal-window::-webkit-scrollbar-track{background-color:#fff;border:1px solid #000;border-radius:10rem;height:100px;position:relative;right:50px}.modal .modal-window::-webkit-scrollbar-thumb{background-color:#a5a5a5;border:1px solid #000;border-radius:3rem}ul.task-search-list{-webkit-padding-start:0;display:flex;flex-direction:column;gap:1rem;height:20rem;left:calc(50vw - 125px);margin:0 auto;overflow:auto;padding-inline-start:0;position:absolute;top:64px;width:250px}ul.task-search-list,ul.task-search-list li{background-color:#dbdbdb;list-style-type:none}ul.task-search-list li{border:2px solid #000;transition:all;transition-duration:.4s}ul.task-search-list li:hover{background-color:#8d8d8d;cursor:pointer}@media(min-width:767px){ul.task-search-list{height:20rem;left:calc(50vw - 200px);overflow:auto;top:64px;width:400px}}@media(min-width:1023px){ul.task-search-list{gap:1rem;height:20rem;left:auto;margin:0 auto;overflow:auto;position:absolute;top:64px;width:600px}}header{align-items:center;background-color:#008cff;display:flex;gap:1rem;justify-content:start;left:0;min-height:64px;padding:0;position:fixed;top:0;width:100vw;z-index:1}header h1{color:#fff;font-size:medium}@media(min-width:767px){header{align-items:center;background-color:#008cff;display:flex;gap:4rem;justify-content:start;left:0;min-height:64px;padding:0 2rem;position:fixed;top:0;width:100vw;z-index:1}header h1{color:#fff;font-size:large}}footer{background-color:#008cff;justify-content:center;min-width:100%;z-index:1}footer,footer .container{align-items:center;display:flex;min-height:60px}footer .container{justify-content:start;width:calc(100% - 4rem)}footer .container p{color:#fff;font-size:large}.task-list{border:2px dashed gray;border-radius:15px;display:flex;flex-direction:column;gap:1rem;height:30rem;justify-content:start;min-width:70%;overflow:auto;padding:.5rem}.task-list.queue{background-color:rgba(0,140,255,.5)}.task-list.development{background-color:rgba(255,201,53,.5)}.task-list.done{background-color:rgba(44,218,0,.5)}@media(min-width:424px){.task-list{grid-gap:.3rem;display:grid;gap:.3rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));height:30rem;min-width:80%;overflow:auto;padding:.5rem}}@media(min-width:767px){.task-list{grid-gap:.3rem;display:grid;gap:.3rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));height:30rem;min-width:80%;overflow:auto;padding:.5rem}}@media(min-width:1023px){.task-list{display:flex;min-width:18rem}}@media(min-width:1279px){.task-list{height:30rem;min-width:20rem;padding:.5rem}}.task-item{border:2px solid #000;border-radius:1rem;min-width:80%}@media(min-width:767px){.task-item{min-height:300px}}@media(min-width:1023px){.task-item{min-width:80%}}.task-list-wrapper{display:flex;flex-direction:column;gap:.5rem;justify-content:space-between}.task-page button{margin-bottom:1rem}@media(min-width:319px){.task-list-wrapper{flex-direction:column}}@media(min-width:424px){.task-list-wrapper{flex-direction:column}}@media(min-width:767px){.task-list-wrapper{flex-direction:column}}@media(min-width:1023px){.task-list-wrapper{flex-direction:row}}@media(min-width:1279px){.task-list-wrapper{flex-direction:row}}.create-task-form{align-items:start;display:flex;flex-direction:column;gap:1rem;justify-content:start}
/*# sourceMappingURL=main.ca076a75.css.map*/