*{box-sizing:border-box;font-family:Poppins,Segoe UI,sans-serif;margin:0;padding:0}body{background-color:#a06ce0}.App{background:linear-gradient(135deg,#6c439f,#567d99);display:flex;justify-content:center;min-height:100vh;padding:2rem 0;text-align:center}.ToDoBox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffd9;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 50px #8247dc1a;max-width:550px;padding:2.5rem;width:90%}.ToDoBox h1{color:#9d71e8;font-size:2.2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:1.8rem}.TodoForm{display:flex;margin-bottom:1.8rem}.TodoForm input[type=text]{background-color:#ffffffb3;border:1px solid #e9e4f5;border-radius:12px 0 0 12px;color:#6b6288;flex:1 1;font-size:1rem;outline:none;padding:14px 20px;transition:all .3s}.TodoForm input[type=text]::placeholder{color:#b8a8e0}.TodoForm input[type=text]:focus{background-color:#fff;border-color:#c9b6f1;box-shadow:0 0 0 4px #c9b6f140}.TodoForm .button{background:linear-gradient(135deg,#9d71e8,#7c4ddb);border:none;border-radius:0 12px 12px 0;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:14px 25px;text-transform:uppercase;transition:all .3s}.TodoForm .button:hover{background:linear-gradient(135deg,#8c5fe2,#6a3ccd);box-shadow:0 7px 14px #7c4ddb33;transform:translateY(-2px)}.ToDoInput{align-items:center;background-color:#fcfaffb3;border-left:5px solid #9d71e8;border-radius:16px;box-shadow:0 4px 15px #c9b6f11a;display:flex;justify-content:space-between;margin-bottom:14px;padding:18px 20px;transition:all .3s}.ToDoInput:hover{background-color:#fffffff2;box-shadow:0 8px 20px #c9b6f140;transform:translateY(-3px)}.ToDoInput p{color:#6b6288;flex:1 1;font-size:1.1rem;padding:4px 0;text-align:left;transition:all .3s;word-break:break-word}.ToDoInput p.completed{color:#b8a8e0;text-decoration:line-through}.ToDoInput div{display:flex;gap:18px}.ToDoInput svg{color:#9d71e8;cursor:pointer;font-size:1.4rem;transition:all .3s}.ToDoInput svg:hover{color:#7c4ddb;transform:scale(1.2) rotate(5deg)}.the-boss{background:linear-gradient(135deg,#f0e9ff,#e6f7ff);border-left:5px solid #a75cd9;border-radius:16px;box-shadow:0 4px 15px #6ecbf526;margin-bottom:14px;padding:18px 20px}.the-boss .TodoForm input[type=text]{border-color:#cce4f8}.the-boss .TodoForm input[type=text]:focus{border-color:#b76cdf;box-shadow:0 0 0 4px #6ecbf533}.the-boss .button{background:linear-gradient(135deg,#a35ed0,#bd85de)}.the-boss .button:hover{background:linear-gradient(135deg,#b473c4,#ae5ec5);box-shadow:0 7px 14px #6ecbf540}.no-todos{color:#b8a8e0;font-style:italic;padding:30px 0}@media (max-width:600px){.ToDoBox{padding:1.8rem;width:95%}.TodoForm{flex-direction:column}.TodoForm input[type=text]{border-radius:12px;margin-bottom:12px}.TodoForm .button{border-radius:12px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ToDoInput,.the-boss{animation:fadeIn .4s ease-out}
/*# sourceMappingURL=main.5de0962a.css.map*/