@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:2rem}code{background:rgba(0,0,0,.1);border-radius:6px;font-family:Fira Code,Courier New,monospace;font-size:.9em;padding:.2rem .4rem}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin-bottom:2rem;padding:.5rem 1rem}ul{background:transparent;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}li{border:none;float:none;margin:0;padding:0;width:auto}li,li a{position:relative}li a{border-radius:8px;color:#e7e7e7;display:inline-block;font-weight:900;overflow:hidden;padding:.75rem 1.5rem;transition:all .3s ease}li a:before{background:linear-gradient(90deg,#667eea,#764ba2);bottom:0;content:"";height:3px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width .3s ease;width:0}li a:hover{background:rgba(102,126,234,.1);color:#ccc;-webkit-transform:translateY(-2px);transform:translateY(-2px)}li a:hover:before{width:50%}.todo-item{background:#fff;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);float:left;margin:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:300px}.todo-item:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.todo-item:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.todo-item h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.todo-item p{color:#1f61d5;line-height:1.5;margin-bottom:1rem}.todo-item .status{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status.completed{background:#48bb78;color:#fff}.status.pending{background:#f56565;color:#fff}button{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ccc;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-left:.5rem;margin-right:.5rem;padding:.5rem;transition:all .3s ease}button:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}button:active{-webkit-transform:translateY(0);transform:translateY(0)}.todo-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem}@media (max-width:768px){body{padding:1rem}.todo-item{margin:.5rem 1rem;width:calc(100% - 2rem)}ul{align-items:center;flex-direction:column}li a{text-align:center;width:100%}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.todo-item{-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46a0)}@-webkit-keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:1000px 100%}div>ol>li,div>ol>p>li{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;list-style:none;margin:10px;padding:15px;transition:all .3s ease;vertical-align:top}div>ol,div>ol>p{margin:0;overflow-x:auto;padding:10px 0;white-space:nowrap}div,div>ol{margin:0;padding:0}div>ol>li:hover,div>ol>p>li:hover{box-shadow:0 8px 16px rgba(0,0,0,.2);cursor:pointer;-webkit-transform:translateY(-4px);transform:translateY(-4px)}@media (max-width:768px){div>ol,div>ol>p{white-space:normal}div>ol>li,div>ol>p>li{display:block;margin:10px 0;width:auto}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}label{font-weight:700;margin:10px}b{font-size:20px}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}ul{background-color:#333;list-style-type:none;margin:0;overflow:hidden;padding:0}li{float:left}li a{color:#fff;display:block;text-align:center;text-decoration:none}li a:hover{background-color:#111}
/*# sourceMappingURL=main.d85d4ab9.css.map*/