#root{font-family:Raleway,sans-serif;text-align:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{color:#475a5c;font-size:1.5rem;margin:0;padding:48px;text-align:center}.To-Do-Counter span{color:#0de7a6}input{border-radius:50px;height:1.5rem;width:14rem}.todo-search-input{background-position:100%;background-repeat:no-repeat;border:1px solid #ccc;height:2rem;padding-left:1rem;padding-right:30px;width:60%}.todo-search-input:focus{outline-color:#000}.todo-search-icon{cursor:pointer;position:-webkit-sticky;position:sticky;right:20%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.todo-item{align-items:center;background-color:#f5f5f5;border-radius:15px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;height:2rem;margin-bottom:1rem;margin-left:10%;margin-right:10%;padding:.7rem}.todo-item-text{color:#596475;cursor:pointer;flex-grow:1;font-size:1.3rem;margin:0;transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease}.todo-item-text:focus{-webkit-filter:blur(2px);filter:blur(2px)}.todo-item-completed{text-decoration:line-through;text-decoration-thickness:1px}ul{display:block;list-style-type:disc;margin:10%,20%,10%,10%;padding-left:1px}.p-create-to-do{border-radius:4px;color:#243e56;font-family:Raleway,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:0;margin:20% auto;padding:10px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:50%}.p-create-to-do:hover{background-color:#243e56;color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.todo-item-check{color:rgba(84,81,81,.8);cursor:pointer;font-size:1.3rem;margin-right:10px}.icon-check-active{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-timing-function:linear;animation-timing-function:linear;color:#0cd498;cursor:pointer}.todo-item-check:hover{color:#0cd498}.todo-item-delete{color:#9dacb2;cursor:pointer;font-size:1.2rem;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease}.todo-item-delete:hover{color:#ff312e}.loading-container{align-items:center;display:flex;flex-direction:column;font-family:Raleway,sans-serif;height:100vh;justify-content:center}.loading-text{color:#596475;font-family:Raleway,sans-serif;font-size:1.3rem;margin-bottom:1rem}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #0de7a6;border-radius:50%;border-top-color:transparent;height:40px;margin-bottom:30 rem;width:40px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.create-todo-button{align-items:center;background-color:#243e56;border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.3);cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:20px;transition:background-color .3s ease;width:60px}.create-todo-button svg{color:#fff;cursor:pointer;font-size:1.5rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.create-todo-button:hover{background-color:#0de7a6}.create-todo-button svg:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.Modal{align-items:center;justify-content:center}.Modal-form{background-color:hsla(0,0%,96%,.9);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.5);left:50%;padding:20px;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:15rem}.create-to-do{color:#475a5c;font-size:1rem;font-weight:700;margin-bottom:1rem}.create-to-do,.modal-textarea{font-family:Raleway,sans-serif}.modal-textarea{background-color:#f4f6f8;border:1px solid #475a5c;border-radius:5px;color:#243e56;height:100px;margin-bottom:5px;margin-top:.5rem;padding:10px;resize:none;width:80%}.close-button-container{margin-bottom:6px;position:relative}.modal-close-button{background-color:#e74c3c;border:none;border-radius:50%;color:#f4f6f8;cursor:pointer;font-weight:700;height:20px;position:absolute;right:-10px;top:-170px;width:20px}.modal-close-button:hover{box-shadow:0 0 10px 1px #e74c3c}.buttons-container{align-items:center;display:flex;justify-content:center}.modal-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-weight:700;margin-right:10px;padding:10px 20px;transition:background-color .3s ease}.modal-button.create-todo{background-color:#243e56;color:#ebedf0}.modal-button.close-todo{background-color:#475a5c}.modal-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}
/*# sourceMappingURL=main.bb3d67f2.css.map*/