@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);#root{display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;text-align:center}body{margin:0}.title-h3{color:#777;font-weight:400}.todo-list-section{margin-bottom:1rem}.todo-list{list-style-type:none;margin:0;padding:0}.todo-item{align-items:center;background-color:#faf9f6;border:1px solid #136f6384;border-radius:.3rem;color:#021927;display:flex;justify-content:space-between;margin:1rem 0;padding:1rem 1.5rem}.todo-item--completed{text-decoration:line-through}.todo-item-text{display:inline-block;word-break:break-word}.todo-item-check{align-items:center;border:2px solid #136f63;border-radius:2rem;color:#136f63;cursor:pointer;display:flex;height:.8rem;justify-content:center;margin-right:2rem;padding:.8rem;width:.8rem}.todo-item-check--checked,.todo-item-check:hover{background-color:#136f63;color:#fff}.todo-item-delete{align-items:center;color:#777;cursor:pointer;display:flex;font-size:1.2rem;height:.8rem;justify-content:center;margin-left:2rem;padding:.8rem;width:.8rem}.todo-item-delete:hover{color:#121212}.create-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.create-input{background-color:#faf9f6;border:1px solid #136f6384;border-radius:.3rem;font-family:Poppins,sans-serif;font-size:1rem;height:2rem;margin:1.5rem 0;padding:.5rem 1.5rem}.create-input:focus-visible{border:2px solid #136f63;outline:none}.create-input:focus{outline:none}.create-button{align-items:center;background-color:#136f63;border:2px solid #136f63;border-radius:2rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:2.5rem;justify-content:center;margin-left:1rem;padding:.8rem;width:2.5rem}.create-button:hover{background-color:#0e4e45;border:2px solid #0e4e45}.tab-bar{background-color:#faf9f6;border:1px solid #136f6384;border-radius:.3rem;display:flex;flex-direction:row;justify-content:space-around;list-style:none;margin:0;padding:0}.tab-bar li:first-child{color:#777;cursor:default;font-size:.9rem}.tab-bar li,.tab-bar li:first-child{align-items:center;display:flex;height:50px;justify-content:center;width:50px}.tab-bar li{cursor:pointer}.tab--active,.tab:hover{-webkit-text-decoration:underline 5px #136f63;text-decoration:underline 5px #136f63}.empty-state-container{margin-top:3rem;text-align:center}.empty-state-container p{color:#777}.loading-state-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:3rem}.loading-state-container p{color:#777}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:.5rem solid #f3f3f3;border-radius:50%;border-top-color:#136f63;height:50px;width:50px}@-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)}}.app-container{display:flex;flex-direction:row;justify-content:space-around}.title-h1{font-size:3rem;margin:0}.title-h1,.title-h2{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;background-color:#136f63;background:-webkit-linear-gradient(45deg,#134e5e,#71b280);-webkit-background-clip:text}.left{width:30rem}.left,.right{align-self:center}.right{max-width:30rem}.tasks-img{width:300px}@media (max-width:576px){.left{margin:1rem 1rem 0;width:20rem}.left,.right{align-self:center}.right{max-width:20rem}.tasks-img{width:220px}}@media (max-width:1200px){.app-container{flex-direction:column}}.footer-container{border-top:1px solid #cacaca;margin:2rem auto;min-width:80%}.footer-container p{color:#777;font-size:.9rem;margin-top:1rem}.personal-brand{align-items:center;display:flex;justify-content:center}.personal-brand a{color:#777;font-size:.9rem;margin-left:1rem;text-decoration:none}.personal-brand a:hover{color:#136f63}
/*# sourceMappingURL=main.9df47b24.css.map*/