:root{--dark-color:#072227;--medium-color:#35858b;--soft-color:#4fbdba;--ligth-color:#aefeff}*,html{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.text-todo-completed{color:var(--soft-color);margin-top:10px;text-align:center}.container_search{display:flex;margin-top:50px}.container_search .search{background-color:#fff;font-size:15px;margin:0 auto;max-width:200px;text-align:center}ul{margin:0;padding:0}li{list-style:none}.container_item{border-bottom:1px solid var(--dark-color);display:flex;justify-content:space-around;margin-bottom:15px;margin-top:15px;min-height:35px}.container_item p{color:var(--dark-color);color:inherit;font-size:1.5rem;text-align:center;width:33%}.container_item .todoComplete{background:var(--dark-color);color:var(--soft-color);text-decoration:line-through}.btnIcon{background:transparent;border:none;cursor:pointer}.container_todo_list_ul{background:var(--medium-color);border-radius:10px;bottom:70px;box-shadow:6px 6px 5px 2px rgba(7,34,39,.35);margin:0 auto;max-width:600px;min-height:400px;min-width:300px;padding:20px;position:relative}.container-btn{display:flex}.btn{background:var(--ligth-color);border:transparent;border-radius:50%;box-shadow:6px 6px 5px 2px rgba(7,34,39,.35);color:var(--dark-color);cursor:pointer;height:70px;margin:0 auto;transition:color,background,.2s;width:70px}.btn:hover{background:var(--soft-color);border-bottom:1px solid var(--dark-color);color:var(--ligth-color)}.ModalBackground{background:rgba(32,35,41,.8);bottom:-10px;color:#fff;left:-10px;position:fixed;right:-10px;top:-10px}.ModalBackground,form{align-items:center;display:flex;justify-content:center}form{background-color:#fff;flex-direction:column;max-width:300px;padding:33px 40px;width:90%}label{font-weight:700;margin-bottom:26px}label,textarea{color:#1e1e1f;font-size:20px;text-align:center}textarea{background-color:#f9fbfc;border:2px solid #202329;border-radius:2px;box-shadow:0 5px 50px rgba(32,35,41,.25);height:96px;padding:12px;width:calc(100% - 25px)}textarea::-webkit-input-placeholder{color:#a5a5a5;font-family:Montserrat;font-weight:400}textarea:-ms-input-placeholder{color:#a5a5a5;font-family:Montserrat;font-weight:400}textarea::placeholder{color:#a5a5a5;font-family:Montserrat;font-weight:400}textarea:focus{outline-color:#61dafa}.TodoForm-buttonContainer{align-items:center;display:flex;justify-content:space-between;margin-top:14px;width:100%}.TodoForm-button{border:none;border-radius:2px;color:#202329;cursor:pointer;display:inline-block;font-family:Montserrat;font-size:20px;font-weight:400;height:48px;width:120px}.TodoForm-button--add{background:#61dafa;box-shadow:0 5px 25px rgba(97,218,250,.5)}.TodoForm-button--cancel{background:transparent}.containerSpiner{margin-bottom:100px;margin-top:100px}.containerSpiner .LoadingSpiner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid rgba(0,0,0,.1);border-left-color:#67898a;border-radius:50%;height:50px;margin:0 auto;width:50px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.containerEmptyTodo{background:#00b4db;background:linear-gradient(90deg,#0083b0,#00b4db);margin-bottom:50px;padding-bottom:50px;padding-top:50px}.containerEmptyTodo h3,.containerEmptyTodo p{color:azure;font-size:20px;text-align:center}body{margin:0;padding:0}.container_head{background-image:url(https://images.pexels.com/photos/210661/pexels-photo-210661.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:400px}.title{color:var( --ligth-color);font-size:3rem;font-weight:700;padding-top:25px;text-align:center}
/*# sourceMappingURL=main.c0c9d0f5.css.map*/