@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);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}*{box-sizing:border-box;font-family:Montserrat,sans-serif;margin:0;padding:0}body{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.App{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:500px;padding:30px;width:100%}.App-header{margin-bottom:30px;text-align:center}.App-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0003}.App-header p{color:#ffffffe6;font-size:1.1rem;font-weight:500}.Add-ToDo{display:flex;gap:12px;margin-bottom:25px}.Add-ToDo input{background:#ffffffe6;border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex:1 1;font-size:16px;font-weight:500;padding:15px 20px;transition:all .3s ease}.Add-ToDo input:focus{background:#fff;box-shadow:0 6px 20px #00000026;outline:none;transform:translateY(-2px)}.Add-ToDo input::placeholder{color:#999}.Add-ToDo button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 25px;transition:all .3s ease}.Add-ToDo button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.ToDo-Text{flex:1 1;font-size:16px;font-weight:500}.Delete-Btn,.ToDo-Text{color:#fff;transition:all .3s ease}.Delete-Btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff000080;border:1px solid #ff00004d;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.Delete-Btn:hover{background:#ff0000b3;box-shadow:0 4px 12px #fff3;transform:scale(1.05)}.ToDo-List{display:flex;flex-direction:column;gap:12px}.ToDo-Item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;justify-content:space-between;padding:18px 20px;transition:all .3s ease}.ToDo-Item:hover{background:#ffffff26;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.checkbox{align-items:center;background:#ffffff1a;border:2px solid #ffffffb3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:700;height:22px;justify-content:center;margin-right:15px;transition:all .3s ease;width:22px}.checkbox:hover{background:#fff3;border-color:#ffffffe6}.TaskLeft-Block{align-items:center;display:flex;gap:10px;justify-content:center}.Clear-All-Btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 14px;transition:all .3s ease}.Clear-All-Btn:hover{background:#ffffff4d;box-shadow:0 4px 12px #fff3;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ToDo-Item{animation:fadeIn .3s ease}@media (max-width:500px){.Add-ToDo{flex-direction:column}}
/*# sourceMappingURL=main.4c8ed7d3.css.map*/