.TodoNavBar{background-color:#01579b}.todo-app-logo{margin-left:24px;font-size:36px!important}.TodoCounter{text-align:center}.input-field input[type=text]:focus+label{color:#ff9800!important}.input-field input[type=text]:focus{border-bottom:1px solid #ff9800!important;box-shadow:0 1px 0 0 #ff9800!important}.input-field .prefix.active{color:#ff9800!important}ul{margin:0;padding:0 0 56px;list-style:none;width:100%}.listSection{width:90%;display:flex;flex-direction:row;align-items:baseline;align-content:flex-start;grid-gap:10px 20px;gap:10px 20px;justify-content:flex-start}.Icon-container{cursor:pointer;display:flex;justify-content:center;align-items:center;height:48px;width:48px}.Icon-container--check{position:relative;left:12px}.Icon-container--delete{position:relative;right:0}.Icon-svg{width:24px;height:24px;transition:fill .15s}.Icon-container:hover .Icon-svg--check{fill:#4caf50}.Icon-container:hover .Icon-svg--delete{fill:red}.TodoItem{background-color:#fafafa;border-radius:15px;position:static;display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start;margin-top:24px;height:125px;box-shadow:0 5px 50px rgba(32,35,41,.15)}.TodoItem-p{margin:24px 0 24px 24px;width:calc(100% - 120px);font-size:22px;line-height:24px;font-weight:400}.TodoItem-p--complete{text-decoration:line-through}.Icon{cursor:pointer;margin:20px;display:flex;vertical-align:middle;justify-content:center;align-items:center;height:48px;width:48px;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;font-size:18px;font-weight:700}.Icon-check{position:relative;left:12px}.Icon-check--active{color:#fff;background-color:#4caf50;border-radius:30px}.Icon-delete{size:20px;margin:20px;border-radius:50px;position:relative;font-size:20px;color:#fafafa;background-color:#ffc947;right:0}.Icon-delete:hover{background-color:red}form{width:90%;border-radius:20px;max-width:400px;background-color:#fff;padding:33px 40px;display:flex;align-content:center;flex-direction:column}label{font-weight:700;font-size:24px;margin-bottom:26px;color:#000}label,textarea{text-align:center}textarea{border-radius:10px;background-color:#f9fbfc;border:2px solid #202329;border-radius:2px;box-shadow:0 5px 50px rgba(32,35,41,.25);color:#1e1e1f;font-size:20px;padding:12px;height:96px;width:calc(100% - 25px);resize:none}textarea::-webkit-input-placeholder{color:#a5a5a5;font-family:"Montserrat";font-weight:400;border-radius:10px}textarea:-ms-input-placeholder{color:#a5a5a5;font-family:"Montserrat";font-weight:400;border-radius:10px}textarea::placeholder{color:#a5a5a5;font-family:"Montserrat";font-weight:400;border-radius:10px}textarea:focus{outline-color:#61dafa}.TodoForm-buttonContainer{margin-top:14px;display:flex;justify-content:space-between;align-items:center;width:100%}.TodoForm-button{cursor:pointer;display:inline-block;font-size:14px;color:#202329;font-weight:400;width:120px;height:48px;border-radius:2px;border:none;font-family:"Montserrat"}.TodoForm-button--add{background-color:#002f6c;border-radius:10px;color:#fff;box-shadow:0 5px 25px rgba(97,218,250,.5)}.TodoForm-button--cancel{background-color:#aaa;color:#fff;border-radius:10px}.btn-large:hover,.btn-small:hover,.btn:hover{background-color:#ffc947}.LoadingTodo-container{position:relative;display:flex;justify-content:center;align-items:center;margin-top:24px;box-shadow:0 5px 50px rgba(32,35,41,.15)}.LoadingTodo-text{margin:24px 0 24px 24px;width:calc(100% - 120px);font-size:18px;line-height:24px;font-weight:400}.LoadingTodo-completeIcon,.LoadingTodo-deleteIcon{border-radius:50px;height:48px;width:48px}.LoadingTodo-completeIcon{position:absolute;left:12px}.LoadingTodo-deleteIcon{position:absolute;top:-24px;right:0}.LoadingTodo-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%}to{background-position:0 50%}}@keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.CreateTodoButton{background-color:#ff9800;cursor:pointer;position:fixed;bottom:48px;right:48px}.btn-floating:hover{background-color:#ffc947}.ModalBackground{border-radius:10px;background:rgba(32,35,41,.8);position:fixed;top:-10px;left:-10px;right:-10px;bottom:-10px;display:flex;justify-content:center;align-items:center;color:#fff}body{margin:0;padding:0;background:#e1e2e1;color:#1e1e1e;font-family:"Montserrat",Arial,Helvetica,sans-serif}#root{margin:0;position:relative;min-height:100vh}.section{width:90%}.row{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.blockSpace{margin:25px}
/*# sourceMappingURL=main.d0cb6174.chunk.css.map */