@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";body{background-image:linear-gradient(#0003,#0003),url(/my-todo-app/assets/photo4-BvrvTZPA.avif);background-size:cover;background-position:center;background-attachment:fixed;margin:0;padding:0;font-family:Poppins,sans-serif;min-height:100vh}.App{background-color:#fcfaf9e6;min-height:80vh;width:90%;max-width:500px;margin:5vh auto;border-radius:15px;padding:25px;box-sizing:border-box;box-shadow:0 10px 30px #0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}h1{font-weight:600;color:#094f37;text-align:center;font-size:1.8rem;margin-bottom:30px}.Container{display:flex;justify-content:center;gap:10px;margin-bottom:20px}input{flex:1;min-width:0;font-family:Poppins,sans-serif;border-radius:5px;border:1px solid #ccc;padding:10px;font-size:16px}ul{list-style:none;margin:0;padding:0}li{margin:0;padding:12px 10px;display:flex;align-items:center;border-bottom:1px solid #eee;transition:.3s}li:last-child{border-bottom:none}li span{display:flex;align-items:center;cursor:pointer;flex:1}li img{margin-right:12px}.crossed{text-decoration:line-through 2px red;background-color:#f9f9f9;color:#888}.Btn{flex:0 0 auto;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600}.Add{background-color:#094f37}.Add:hover{background-color:#073c2a}.Delete{background-color:red;margin:20px auto;display:block;width:150px}.DeleteItem{background-color:transparent;color:red;border:none;padding:5px;margin-left:auto;cursor:pointer;display:flex;align-items:center}.DeleteItem:hover{color:#8b0000;transform:scale(1.1)}