@import url(https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap);.TodoHeader{background-color:#51829b;flex-direction:column;padding:30px 0;width:100%}.TodoHeader,h1{align-items:center;display:flex}h1{color:#fff;font-size:20px;justify-content:center}h1 span{color:#eadfb4;padding-left:10px}.TodoCounter__heading{color:#fff;font-size:30px;height:auto;min-width:400px;text-align:center;width:50%}.TodoCounter--loading{font-size:30px;opacity:25%}.TodoSearch{border-radius:4px;border-style:none;font-family:Archivo Black,sans-serif;font-size:large;height:2.5em;min-width:400px;text-align:center;width:40%}.TodoSearch::placeholder{color:#9bb0c1}.TodoSearch:focus{outline-color:#9bb0c1}.TodoSearch:disabled{opacity:25%}.TodoList{flex-direction:column;margin-top:20px;width:100%}.Icon-container,.TodoList{align-items:center;display:flex;justify-content:center}.Icon-container{cursor:pointer;position:relative}.Icon-svg{height:30px;width:30px}.Icon-container-check{left:12px;position:absolute}.Icon-container-check:hover .Icon-svg{color:#8fbc8f}.Icon-container-delete{position:absolute;right:12px}.Icon-container-delete:hover .Icon-svg{color:#f08080}.Icon-container-edit{color:#dcdcdc;margin-left:.5em}.Icon-container-edit:hover{color:#f5dd61}.TodoItem{background-color:#fff;border:3px solid #eee;border-radius:10px;height:3em;justify-content:center;margin-top:10px;min-width:400px;padding:3px 0;position:relative;width:40%}.TodoItem,.TodoItem-p{align-items:center;display:flex}.TodoItem-p{font-size:18px;font-weight:400;line-height:24px;margin:10px;width:calc(100% - 120px)}.TodoItem-p--complete{text-decoration:line-through}.LoadingTodo-container{align-items:center;animation:loadingAnimation 3s ease-in-out infinite;background:linear-gradient(90deg,#fff,#e6e6e6);background-size:400% 400%;border-radius:10px;box-shadow:0 5px 50px #2023291a;display:flex;height:3em;justify-content:center;margin-top:20px;min-width:400px;padding:10px 0;position:relative;width:40%}.LoadingTodo-text{border-radius:4px;height:2em;left:36px;margin:16px;opacity:1;position:absolute;width:50%}.LoadingTodo-CompleteIcon,.LoadingTodo-DeleteIcon,.LoadingTodo-text{animation:loadingAnimation 3s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0,#c8c8c8);background-size:400% 400%}.LoadingTodo-CompleteIcon,.LoadingTodo-DeleteIcon{align-items:center;display:flex;height:30px;justify-content:center;width:30px}.LoadingTodo-CompleteIcon{border-radius:50px;left:12px;position:absolute}.LoadingTodo-DeleteIcon{border-radius:5px;position:absolute;right:12px}@keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.EmptyTodos-container{align-items:center;color:#373a40;display:flex;flex-direction:column;height:100%}.EmptyTodos-p{font-size:20px;margin-top:2em}.CreateButton{align-items:center;background-color:#f6995c;border-style:none;bottom:0;color:#f5f5f5;display:block;font-family:Archivo Black,sans-serif;font-size:x-large;height:13%;justify-content:center;margin:0;padding:0;position:fixed;transition:background-color .3s,color .3s,box-shadow .3s;width:100%}.CreateButton:hover{background-color:#dc5f00;box-shadow:0 8px 16px #0000004d}.CreateButton:disabled{opacity:25%}.ChangeAlert-bg{bottom:0;left:0;position:fixed;right:0;top:0;z-index:2}.ChangeAlert-container{background-color:#373a40;bottom:-10px;color:#f2f4f5;font-size:20px;left:-10px;padding:34px;position:fixed;right:-10px;text-align:center;z-index:2}.ChangeAlert-container button{color:#f2f4f5;margin-bottom:16px;margin-top:16px}form{align-items:center;background-color:#f5f5f5;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;padding:33px 40px;width:90%}label{color:#373a40;font-size:24px;margin-bottom:26px}label,textarea{text-align:center}textarea{background-color:#f9fbfc;border:2px solid #e0ccbe;border-radius:10px;color:#776b5d;font-size:20px;height:8em;padding:12px;width:calc(100% - 25px)}textarea,textarea::placeholder{font-family:Archivo Black,sans-serif}textarea::placeholder{color:#a5a5a5;font-weight:400}textarea:focus{outline-color:#eab3a0}.TodoForm-buttonContainer{align-items:center;display:flex;justify-content:space-between;margin-top:14px;width:100%}.TodoForm-button{border-radius:10px;cursor:pointer;display:inline-block;font-family:Archivo Black,sans-serif;font-size:20px;height:2.5em;width:8em}.TodoForm-button--add{background:#ec997e;border:none;color:#fff}.TodoForm-button--cancel{background:#0000;border:2px solid #dedede;color:#373a40}body{background-color:#f5f5f5;color:#373a40;display:block;font-style:normal;font-weight:400;height:100vh;margin:0}#root,body{font-family:Archivo Black,sans-serif}#root{min-height:100vh;width:100%}
/*# sourceMappingURL=main.3e160e5d.css.map*/