*{font-family:Quicksand,sans-serif}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(#37da95,#1e4345);display:grid;height:100vh;place-items:center;width:100%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#d4d5dd;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#a8aabc}#root{background:#1a1a2d;border-radius:10px;box-shadow:14px 14px 16px rgba(0,0,0,.15);display:flex;flex-direction:column;height:46em;max-width:30em;padding:24px 0;position:relative;width:100%}.task-header,.task-header p{color:#fff;text-align:center}.task-header p{margin-bottom:1.2em;padding:0 3em}.task-header h1{margin-bottom:1em}.task-header h1 span{border:2px solid #37da95;border-radius:5px;box-shadow:2px 4px 5px hsla(0,0%,100%,.2);padding:5px 10px}.task-header h2{font-weight:300;margin-bottom:1.2em;padding:.3em 1em}.task-header h2 span{font-weight:700;padding:0}.task-filter{display:flex;justify-content:center;position:relative;width:100%}.task-filter input{background-color:rgba(55,218,149,.2);border:1px solid #37da95;border-radius:10px;color:#fff;font-style:italic;font-weight:700;height:3.5em;text-indent:1em;width:87%}.task-filter input:focus{outline-color:rgba(55,218,149,.7)}.task-list{flex-direction:column;gap:.5rem;margin-top:1.2em;max-height:25em;overflow-y:auto;width:100%}.task-item,.task-list{align-items:center;display:flex}.task-item{background-color:#11111b;border-radius:10px;color:#fff;flex-direction:row;font-weight:700;justify-content:space-around;list-style:none;padding:1.25rem;width:80%}.task-item .item-check{background:hsla(0,0%,100%,.1);border:4px solid #37da95;border-radius:50%;cursor:pointer;height:2.5em;width:2.5em}.task-item .item-check:hover{background:rgba(55,218,149,.6)}.task-item .item-check--active{background:#37da95;border:none;cursor:auto;height:2.5em;width:2.5em}.task-item .item-check--active:hover{background:#37da95}.task-item .item-tetxt{width:70%}.task-item .item-tetxt--active{text-decoration:line-through}.task-item .item-close{background:rgba(204,51,51,.3);border:none;border-radius:50%;color:#fff;cursor:pointer;font-weight:700;height:2.5em;width:2.5em}.task-item .item-close:hover{background:#c33}.task-creator{bottom:2em;color:#fff;height:4em;position:absolute;width:100%}.task-creator button{background:rgba(55,218,149,.7);border:none;border-radius:50%;bottom:-.6em;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:2em;font-weight:700;height:2.2em;position:absolute;right:1em;transition:all .25s ease;width:2.2em}.task-creator button:hover{background:#37da95}.task-creator a{color:#37da95;cursor:pointer;font-weight:700;left:2em;position:absolute;top:3em}.item-loading{align-items:center;-webkit-animation:gradient 1s ease infinite;animation:gradient 1s ease infinite;background:linear-gradient(-45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.3));background-size:400% 400%;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:hsla(0,0%,100%,.1);display:flex;flex-direction:row;font-weight:700;height:4em;justify-content:space-around;list-style:none;margin:.4rem 0;width:90%}.item-loading span{background:hsla(0,0%,100%,.1);border-radius:50%;cursor:pointer;height:2.2em;width:2.2em}.item-loading p{width:70%}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.item-empty{text-align:center}.item-empty .title-empty{color:#fff;font-size:1.3em;font-weight:700;margin:1.5em 0}.subtitle-empty{color:hsla(0,0%,100%,.8);font-size:1em;font-style:italic;font-weight:400;margin-bottom:2em;padding:0 2em}.button-empty{background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:hsla(0,0%,100%,.1);font-size:2em;font-weight:700;height:2.2em;width:2.2em}.form-task{align-items:center;background:#1a1a2d;border-radius:10px;box-shadow:10px 10px 18px rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;max-width:320px;padding:40px;position:relative;width:100%}.form-task label{color:#fff;font-size:1.5em;font-weight:700;margin-bottom:1.5em;text-align:center}.form-task textarea{background-color:rgba(55,218,149,.2);border:1px solid #37da95;border-radius:10px;color:#fff;font-size:1.2em;font-style:italic;font-weight:700;height:8em;text-indent:1em;width:100%}.form-task textarea::-webkit-input-placeholder{color:#a5a5a5;font-weight:400}.form-task textarea::placeholder{color:#a5a5a5;font-weight:400}.form-task textarea:focus{outline-color:rgba(55,218,149,.7)}.form-task .form-task-button--add{background:rgba(55,218,149,.7);border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1.2em;font-weight:700;height:2.5em;margin-top:2em;padding:0 4em;width:100%}.form-task .form-task-button--add:hover{background:#37da95}.form-task .form-task-button--cancel{background:rgba(204,51,51,.7);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5em;font-weight:700;height:2em;position:absolute;right:-1em;top:-1em;transition:all .25s ease;width:2em;z-index:5}.form-task .form-task-button--cancel:hover{background:#c33}.ModalBackground{align-items:center;background-color:rgba(32,35,41,.8);bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}
/*# sourceMappingURL=main.a9e58f08.css.map*/