.TodoCounter{font-size:24px;text-align:center;margin:0;padding:48px;color:#575757;font-weight:lighter}.TodoCounter span{font-weight:700;color:#000}.TodoSearch{background:#F9FBFC;border-radius:2px;border:2px solid #202329;margin:0 24px;height:64px;width:calc(100% - 62px);font-size:24px;text-align:center;font-family:Montserrat,Arial,Helvetica,sans-serif;font-weight:400;color:#1e1e1f;box-shadow:0 5px 50px #20232940}.TodoSearch::placeholder{color:#a5a5a5;font-family:Montserrat,Arial,Helvetica,sans-serif;font-weight:400}.TodoSearch:focus{outline-color:#61dafa}ul{margin:0;padding:0 0 56px;list-style:none}.TodoItem{background-color:#fafafa;position:relative;display:flex;justify-content:center;align-items:center;margin-top:24px;border-radius:10px;box-shadow:0 5px 50px #20232926}.TodoItem-p{margin:24px 0 24px 24px;width:calc(100% - 120px);font-size:18px;line-height:24px;font-weight:400}.TodoItem-p--complete{text-decoration:line-through}.Icon-container{cursor:pointer;display:flex;justify-content:center;align-items:center;height:48px;width:48px;font-size:24px;font-weight:700}.Icon-container-check{position:absolute;left:12px}.Icon-container-check--active{color:#4caf50}.Icon-container-delete{position:absolute;top:-24px;right:0}.Icon-svg{width:24px;height:24px}.Icon-container-delete:hover .Icon-svg{fill:red}.Icon-container-check:hover .Icon-svg{fill:green}.CreateTodoButton{background-color:#61dafa;box-shadow:0 5px 25px #61dafa80;border:0;outline:0;border-radius:50%;text-align:center;cursor:pointer;font-size:50px;position:fixed;bottom:24px;right:24px;font-weight:700;color:#fafafa;height:64px;width:64px;transition:.3s ease;z-index:1;display:flex;justify-content:center;align-items:center}.CreateTodoButton:hover{transform:rotate(224deg)}.LoadingTodo-container{position:relative;display:flex;justify-content:center;align-items:center;margin-top:24px;box-shadow:0 5px 50px #20232926;border-radius:10px;padding:12px 0}.LoadingTodo-text{margin:24px 0 24px 24px;width:calc(100% - 120px);font-size:18px;line-height:24px;font-weight:400}.LoadingTodo-completeIcon,.LoadingTodo-deleteIcon{cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:50px;height:48px;width:48px}.LoadingTodo-completeIcon{position:absolute;left:12px}.LoadingTodo-deleteIcon{position:absolute;top:-24px;right:0}.LoadingTodo-container,.LoadingTodo-completeIcon,.LoadingTodo-deleteIcon{background:linear-gradient(90deg,rgba(250,250,250,1),rgb(200,199,199));background-size:400% 400%;animation:loadingAnimation 3s ease-in-out infinite}@keyframes loadingAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.empty-todo-text{margin:24px;font-family:Montserrat,Arial,Helvetica,sans-serif;text-align:center}.modal-card{background-color:#202329cc;display:flex;justify-content:center;align-items:center;color:#fff;position:fixed;top:0;left:0;right:0;bottom:0}form{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f2f4f5;width:325px;height:265px;border-radius:10px;box-shadow:0 0 15px .5px #e6e6e6;font-family:Montserrat,Arial,Helvetica,sans-serif}label{font-weight:700;font-size:1.25rem;color:#000}textarea{text-align:center;margin-top:1rem;width:260px;resize:none;font-size:1.15rem;border-radius:5px;border:.5px solid #727272}.button-wrapper{padding-top:1rem;display:flex;justify-content:space-between;align-items:center;width:260px}.btn-todo{width:115px;height:50px;border:none;font-size:1.15rem;font-family:Montserrat,Arial,Helvetica,sans-serif;border-radius:5px;transition:.2s ease;cursor:pointer}.exit-add-todo{background:rgb(238,82,82);box-shadow:0 0 5px .5px #f17676;color:#f2f4f5}.exit-add-todo:hover{background:rgba(228,143,143,.76);transform:scale(1.09)}.add-todo{background:rgb(61,143,61);box-shadow:0 0 5px .5px #64a364;color:#fff}.add-todo:hover{background:rgba(103,180,103,.76);transform:scale(1.09)}body{margin:0;padding:0;background:#F2F4F5;color:#1e1e1f;font-family:Montserrat,Arial,Helvetica,sans-serif}#root{margin:0 24px;position:relative;min-height:100vh}