.CreateTodoButton{background-color:#bea2db;border:none;border-radius:50%;bottom:20px;box-shadow:4px 5px 20px #00000080;-webkit-box-shadow:4px 5px 20px #00000080;-moz-box-shadow:4px 5px 20px #00000080;cursor:pointer;font-weight:800;height:55px;position:fixed;right:20px;width:55px;z-index:1}.CreateTodoButton,.CreateTodoButton-span{align-items:center;display:flex;justify-content:center}.CreateTodoButton-span{height:35px;transform:rotate(0);transition:.5 ease;width:35px}.CreateTodoButton-span:hover{color:beige;transform:rotate(224deg) scale(1.1)}.CreateTodoButton:active{transform:scale(.9)}.EmptyTodosContainer{flex-direction:column;height:50%;width:100%}.EmptyTodosContainer,.EmptyTodosContainer__buttonIcon{align-items:center;display:flex;justify-content:center}.EmptyTodosContainer__buttonIcon{animation:emptyAnimation 1s linear infinite;background-color:#e8e6eb;border:none;border-radius:50%;color:#b8b6b6;font-weight:800;height:100px;width:100px}.EmptyTodosContainer__text{color:#b8b6b6;font-size:30px;font-weight:600;text-align:center}.TodoError-plusIcon{align-items:center;color:#b8b6b6;display:flex;font-size:100px;height:80px;justify-content:center;width:80px}@keyframes emptyAnimation{0%{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(.8)}75%{transform:scale(.9)}to{transform:scale(1)}}.ModalBackground{align-items:center;background:#202329cc;bottom:-10px;color:#fff;display:flex;justify-content:center;left:-10px;position:fixed;right:-10px;top:-10px}.TodoCounter{font-size:28px;font-weight:700;text-align:center}form{align-items:center;background-color:#9bee87;border-radius:20px;display:flex;flex-direction:column;height:80%;justify-content:space-around;max-height:600px;max-width:600px;min-height:400px;width:80%}textarea{background-color:#f9fbfc;border-radius:2px;box-shadow:0 5px 50px #20232940;color:#1e1e1f;font-size:20px;height:40%;padding:12px;resize:none;text-align:center;width:80%}textarea:focus{outline-color:#bea2db}label{color:#1e1e1f;font-size:26px;font-weight:700;text-align:center}.bottonContainer{display:flex;height:20%;justify-content:space-around;width:90%}.bottonForm{border:none;border-radius:15px;box-shadow:4px 5px 20px #00000080;-webkit-box-shadow:4px 5px 20px #00000080;-moz-box-shadow:4px 5px 20px #00000080;font-size:18px;font-weight:700;height:50%;width:40%}.bottonForm:active{transform:scale(.97)}.bottonContainer-cancel{background-color:#f85858}.bottonContainer-add{background-color:#bea2db}.TodoItem{background-color:#bea2db;border-radius:10px;box-shadow:4px 5px 20px #00000080;-webkit-box-shadow:4px 5px 20px #00000080;-moz-box-shadow:4px 5px 20px #00000080;display:flex;height:auto;margin:20px auto;min-height:70px;position:relative;width:90%}.TodoItem,.TodoItem span{align-items:center;justify-content:center}.TodoItem span{cursor:pointer;display:inline-block;font-size:22px;font-weight:900;height:100%;text-align:center;width:15%}.TodoItem p{border-left:1px solid #fff;border-right:1px solid #fff;height:auto;line-height:24px;margin:0;padding:15px;text-align:start;width:70%}.TodoItem-p--complete{text-decoration:line-through}.Icon-check--active{color:#9bee87}.icon-deleted:hover{color:red}.TodoList{align-items:center;background-color:#9bee87;border-radius:20px;box-shadow:4px 5px 20px #00000080;-webkit-box-shadow:4px 5px 20px #00000080;-moz-box-shadow:4px 5px 20px #00000080;display:flex;font-size:16px;font-weight:500;height:70vh;justify-content:center;margin:30px auto;max-width:550px;width:95%}.TodoList ul{height:95%;list-style:none;margin:0;overflow:scroll;padding:0;width:95%}.TodoList ul::-webkit-scrollbar{display:none}.TodoSearch{display:flex;justify-content:center;margin:auto;width:100%}.TodoSearch-input{background-color:#fff;border:2px solid #9bee87;border-radius:10PX;font-family:Inter;font-weight:400;height:54px;margin:0 auto;max-width:430px;padding:0 20px;width:90%}.TodoSearch-input::placeholder{color:#a5a5a5;font-family:Inter;font-weight:400}.TodoSearch-input:focus{outline-color:#bea2db}.TodoError{align-items:center;display:flex;flex-direction:column;justify-content:center}.TodoError-text{color:#b8b6b6;font-size:30px}.TodoError-plusIcon{animation:errorAnimation 1.5s linear infinite}@keyframes errorAnimation{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}.loadingTodo{align-items:center;background-color:#e8e6eb;border-radius:10px;box-shadow:4px 5px 20px #00000080;-webkit-box-shadow:4px 5px 20px #00000080;-moz-box-shadow:4px 5px 20px #00000080;display:flex;height:auto;justify-content:center;margin:20px auto;min-height:70px;position:relative;width:90%}.loadingTodo-text{border-left:1px solid #b8b6b6;border-right:1px solid #b8b6b6;color:#b8b6b6;display:flex;height:auto;line-height:24px;margin:0;padding:0;text-align:start;width:70%}.loadingTodo-text p{font-weight:700;padding-left:15px}.loadingTodo-checkIcon,.loadingTodo-deleteIcon{align-items:center;color:#b8b6b6;cursor:pointer;display:inline-block;font-size:22px;font-weight:900;height:100%;justify-content:center;text-align:center;width:15%}.loadingTodo__loadingIcon{align-items:center;display:flex;justify-content:space-around;padding:0}.loadingTodo__loadingIcon-1,.loadingTodo__loadingIcon-2,.loadingTodo__loadingIcon-3{background-color:#b8b6b6;border-radius:50%;display:inline-block;height:10px;margin-left:15px;width:10px}.loadingTodo__loadingIcon-1,.loadingTodo__loadingIcon-2{animation:loadingAnimation .85s ease-in-out infinite}.loadingTodo__loadingIcon-2{animation-delay:.2s}.loadingTodo__loadingIcon-3{animation:loadingAnimation .85s ease-in-out infinite;animation-delay:.4s}@keyframes loadingAnimation{0%{transform:translateY(5px)}25%{transform:translateY(-10px)}50%{transform:translateY(-20px)}75%{transform:translateY(-10px)}to{transform:translateY(5px)}}body{background:#aeddf5;color:#1e1e1f;font-family:Inter,Arial,Helvetica,sans-serif;margin:0;padding:0}#root{margin:0 24px;min-height:100vh}
/*# sourceMappingURL=main.a9f65a02.css.map*/