.TodoCounter{font-size:1.6rem;text-align:center;margin:0;padding:2rem}.TodoCounter,.TodoSearch-container{display:flex;justify-content:center}.TodoSearch-container{margin:auto;align-items:center;width:70%;box-shadow:0 5px 50px rgba(32,35,41,.25);border:.25rem double transparent;border-radius:1rem;background-image:linear-gradient(270deg,#fff,#fff),linear-gradient(270deg,#165aad,#b61680);background-origin:border-box;background-clip:content-box,border-box}.TodoSearch{background-image:linear-gradient(270deg,#fff,#fff);border-radius:1rem;border:none;margin:0 2rem;width:100%;height:6.3rem;font-size:1.6rem;text-align:center;font-family:Cascadia Code,sans-serif;color:#0f0e0e;outline:none}.TodoSearch::-webkit-input-placeholder{color:#b2b2b4;font-family:Cascadia Code;font-weight:400}.TodoSearch:-ms-input-placeholder{color:#b2b2b4;font-family:Cascadia Code;font-weight:400}.TodoSearch::placeholder{color:#b2b2b4;font-family:Cascadia Code;font-weight:400}ul{padding:0 0 5.6rem;list-style:none;width:70%;margin:auto}.TodoItem{border-radius:1rem;color:#99a799;background-color:#fefbf3;position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:auto;margin-top:2.4rem;box-shadow:0 .5rem 5rem rgba(23,39,116,.15)}.TodoItem-p{word-wrap:break-word;overflow:hidden;justify-content:flex;text-overflow:ellipsis;text-align:start;margin:1rem .5rem;width:100%;font-size:1.6rem;line-height:2.4rem;font-weight:400}.TodoItem-p-completed{text-decoration:line-through}.CreateTodoButton{background:linear-gradient(90deg,#3fd4d4,#2fbacc);color:#fff;text-shadow:0 0 1rem #fff,0 0 3rem #fff,0 0 2rem #ff0;border:none;border-radius:50%;cursor:pointer;font-size:3rem;position:fixed;bottom:1rem;font-weight:700;display:flex;justify-content:center;align-items:center;width:5rem;height:5rem;z-index:1;-webkit-transform:rotate(0);transform:rotate(0);transition:.3s ease}.CreateTodoButton:hover{-webkit-transform:rotate(224deg);transform:rotate(224deg)}.ModalBackground{background:rgba(32,35,41,.8);position:fixed;top:-1rem;left:-1rem;right:-1rem;bottom:-1rem;justify-content:center;color:#fff}.ModalBackground,form{display:flex;align-items:center}form{width:90%;max-width:35rem;background-color:#fff;padding:3.3rem 4rem;flex-direction:column}label{font-weight:700;font-size:2.4rem;margin-bottom:2.6rem}label,textarea{text-align:center;color:#1e1e1f}textarea{background-color:#f9fbfc;border:.2rem solid #202329;border-radius:.2rem;box-shadow:0 .5rem 5rem rgba(32,35,41,.25);font-size:1.6rem;padding:1.2rem;height:9.6rem;width:calc(100% - 2.5rem)}textarea::-webkit-input-placeholder{color:#a5a5a5;font-family:Cascadia Code;font-weight:400;display:flex}textarea:-ms-input-placeholder{color:#a5a5a5;font-family:Cascadia Code;font-weight:400;display:flex}textarea::placeholder{color:#a5a5a5;font-family:Cascadia Code;font-weight:400;display:flex}textarea:focus{outline-color:#61dafa}.TodoForm-buttonContainer{margin-top:1.4rem;display:flex;justify-content:space-between;align-items:center;width:100%}.TodoForm-button{cursor:pointer;display:inline-block;font-size:1.4rem;color:#202329;font-weight:400;width:12rem;height:4.8rem;border-radius:.2rem;border:none;font-family:Cascadia Code}.TodoForm-button--add{background:#61dafa;box-shadow:0 .5rem 2.5rem rgba(97,218,250,.5);margin-left:1rem}.TodoForm-button--add:active{background:#24be24}.TodoForm-button--cancel{background:transparent;margin-right:1rem}.TodoForm-button--cancel:active,.TodoForm-button--cancel:hover{color:red}.LoadingTodo-container{position:relative;display:flex;justify-content:center;align-items:center;margin-top:2.4rem;width:100%;height:4.8rem;box-shadow:0 .5rem 5rem rgba(32,35,41,.15);border-radius:1rem;text-align:center}.LoadingTodo-text{padding:1rem;width:100%;font-size:1rem;line-height:2.4rem;font-weight:lighter}.Loading-completeIcon,.LoadingTodo-deleteIcon{border-radius:5rem;height:1.4rem;width:1.4rem}.Loading-completeIcon{position:absolute;left:.5rem}.LoadingTodo-deleteIcon{position:absolute;right:.5rem}.Loading-completeIcon,.LoadingTodo-container,.LoadingTodo-deleteIcon{background:linear-gradient(90deg,#fafafa,#c8c7c7);background-size:400% 400%;-webkit-animation:loadingAnimation 3s ease-in-out infinite;animation:loadingAnimation 3s ease-in-out infinite}@-webkit-keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}1000%{background-position:0 50%}}@keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}1000%{background-position:0 50%}}:root{--primer-color:#2f86a6}*{box-sizing:border-box;padding:0;margin:0}body{background:radial-gradient(circle,#2f86a6,#34be82);font-family:Cascadia Code,sans-serif;color:#fffcdc}#root{margin:0 2.4rem;position:relative;min-height:100vh}
/*# sourceMappingURL=main.05baac67.chunk.css.map */