body{margin:0;background:linear-gradient(45deg,#5f9ea0,#008b8b);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.task-container{display:flex;flex-wrap:wrap}.task{position:relative;width:15em;margin:.5em auto 2rem;padding:.5em 1em;border:1px solid #ccc;border-radius:10px;background:#e6e6fa;box-shadow:3px 3px 10px #333;text-align:left}.task__title{color:#2c4053}.task-done{background:rgba(0,0,0,.7686274509803922);color:#fff}.task-done .task__title{color:#fff}.task__text{font-size:15px};.task__mail{color:green!important;font-size:50px!important}.bottom_line{padding-bottom:20px;border-bottom:2px solid #6a5acd}.green{color:#19ac19}.red{color:#b61313}@media (max-width:920px){.task{width:90%;font-size:14px}}@media (max-width:400px){.task,.task__text{font-size:.6rem}}.tasks-list{display:flex;justify-content:space-around;max-width:1000px;margin:0 auto}.tasks-two{display:flex;justify-content:center}.tasks-two .task-container{margin:0 30px}@media (max-width:800px){.tasks-list{flex-direction:column}.tasks-two{display:block}.tasks-two .task-container{margin:0}}.button{display:block;background-color:#6a5acd;color:#fff;font-size:16px;padding:1em 3em;border:2px solid transparent;outline:none;border-radius:10px}.button:focus{box-shadow:3px 3px 10px #000}.button:hover{border:2px solid #000;cursor:pointer}.pagination-btn:hover{background-color:#fff;color:#6a5acd}.button:disabled,.button:disabled:hover{background-color:#3a3f45;color:#fff;cursor:not-allowed;border:2px solid transparent}#create__task:disabled,#create__task:disabled:hover{background:#ccc;color:#000}.btns{display:flex;justify-content:space-between;align-items:center}.btns button:hover{background-color:none}.button__condition{margin-top:5px;display:inline-block;min-width:130px;padding:10px;text-align:center;color:#fff;border-radius:10px;cursor:pointer}.button__done{background:#19ac19}.button__not-done{background:#b61313}.button__delete{position:absolute;display:inline-block;align-self:flex-start;padding:5px;font-size:35px;right:10px;top:10px;color:#6a5acd;background:transparent;border:0;cursor:pointer!important}#btnChangeCondition{border:2px solid transparent;transition:all .1s ease}#btnChangeCondition:focus{border:2px solid transparent;box-shadow:none}#btnChangeCondition:hover{background-image:none;outline:none;box-shadow:0}@media (max-width:600px){.pagination-btn{padding:10px};}@media (max-width:500px){.pagination-btn{font-size:.8rem};}@media (max-width:400px){.pagination-btn{font-size:.65rem};}@media (max-width:400px){#btnChangeCondition{font-size:14px;min-width:110px;padding:8px}.button__delete{font-size:26px}}.pagination{margin-bottom:2em;display:flex;justify-content:center;align-items:center}.pagination__page{margin:0 1em}@media (max-width:450px){.pagination{font-size:.7rem}}.sort{margin:2em 0;font-size:16px;padding:15px 25px;border-radius:10px}@media (max-width:500px){.sort{padding:8px;font-size:.85rem}}.new-task{width:22em;margin:0 auto 2em;padding:.5em 1em;border:1px solid #ccc;background:#3a3f45;color:#f0f8ff;border-radius:10px;box-shadow:3px 3px 10px #333}.new-task__label{margin:1em 0;display:flex;justify-content:space-between;align-items:flex-start}.new-task__label input,.new-task__label textarea{width:65%;padding:5px 10px}.app__create{background:#6a5acd;margin:10px 0;width:100%;display:inline-block}@media (max-width:800px){.new-task{width:90%;font-size:.8rem}}@media (max-width:800px){.app__create{padding:10px;width:50%;font-size:.9rem}.new-task h2{font-size:18px}}@media (max-width:400px){.new-task h2{font-size:14px}}.app{padding-bottom:1rem;text-align:center}@media (max-width:400px){.app{padding:10px}}
/*# sourceMappingURL=main.8b8e8e7b.chunk.css.map */