@font-face{font-display:swap;font-family:Geist Variable;font-synthesis:none;font-weight:100 900;src:url(/curso-react-intro/static/media/GeistVariableVF.9ea1140bf2838309ca47.woff2) format("woff2")}*{box-sizing:border-box}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;font-family:Geist Variable;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{text-wrap:balance;align-items:center;font-size:2.5rem;height:148px;padding:20px;text-align:center}h1,section{display:flex}section{justify-content:center}.filterSection{margin-top:20px}input{border:1px solid #bcbcbc;border-radius:5px;font-size:1rem;height:40px;max-width:600px;padding:5px 10px;width:100%}input:focus{outline-color:#8d8dff}@media (min-width:1200px){.filterSection{margin-top:0}}.list{align-items:center;display:flex;flex-direction:column;gap:10px;padding:20px 0}.single-todo{align-items:center;background-color:#fff;border-radius:5px;box-shadow:1px 2px #c3c3c3;justify-content:space-between;max-width:350px;padding:0 20px;position:relative;transition:.3s ease-in-out;width:100%}.single-todo:hover{cursor:pointer}.todo-incompleted:hover{background-color:#e7e7e7}p{margin-left:10px;text-align:left;width:100%}.todo-done{text-decoration:line-through}.addBtnShowModal,.todo-done{background-color:#000;color:#fff}.addBtnShowModal{align-items:center;border:none;border-radius:10px;bottom:20px;display:flex;font-family:Geist Variable;font-size:1rem;gap:10px;justify-self:center;margin:0 auto;padding:10px;position:fixed;right:20px;transition:.2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.addBtnShowModal:hover{background-color:#1f1f1f;cursor:pointer}img{height:25px;width:25px}.addNewTodoBtnContainer{display:block;position:relative;width:100%}.rightArrowBtn{animation:inicial 2s linear infinite;bottom:30px;position:fixed;right:220px}@keyframes inicial{0%{transform:translate(0)}50%{transform:translate(10px)}to{transform:translate(0)}}.modal{background-color:#fff;border-radius:5px;bottom:0;box-shadow:0 0 8px #e1e1e1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;max-width:400px;padding:40px;position:fixed;right:0;top:0;width:calc(100% - 40px);z-index:3}.closeModal{position:absolute;right:20px;text-align:right;top:0;z-index:5}.closeModal:hover{cursor:pointer}.loadingContainer{animation:rotate 2s linear infinite;border:8px solid #44067b;border-left-color:#0000;border-radius:50%;left:calc(50% - 28px);padding:20px;top:50%}@keyframes rotate{to{transform:rotate(1turn)}}.not-todos{font-size:1.5rem;font-weight:600;text-align:center}.addYourFirstTodo-img{height:60px;object-fit:contain;width:60px}.addYourFirstTodoContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}label{display:block;margin-bottom:10px}button{background-color:#000;border:none;border-radius:5px;color:#fff;font-weight:600;margin-top:10px;padding:10px}button:hover{cursor:pointer}.AddTodoFormContainer{align-items:stretch;display:flex;flex-direction:column;width:100%}.AddTodoFormContainer input{width:100%}#root{padding:20px 20px 60px}#root,.add-section{display:flex;flex-direction:column}@media (min-width:1200px){#root{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr 1fr;height:calc(100vh - 40px)}}
/*# sourceMappingURL=main.c131934a.css.map*/