@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";body{background:url(/background.jpg) no-repeat center center/cover;font-family:Poppins,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;color:#e7e3da}.App{text-align:center;background:#264638d9;padding:30px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 10px #0000004d;width:450px;height:600px;display:flex;flex-direction:column;justify-content:space-between}.input{display:flex;gap:10px;justify-content:center;margin-bottom:15px}input[type=text]{padding:12px;border-radius:20px;border:none;width:75%;font-size:16px;background-color:#e7e3da}input[type=checkbox]{accent-color:#88A9A5!important}button{background:#88a9a5;color:#eaeaea;border:none;padding:10px 15px;cursor:pointer;border-radius:20px;font-size:16px;font-weight:600;transition:all .3s ease-in-out}button:hover{background:#5e8f8a;transform:scale(1.05)}.filters{display:flex;justify-content:center;gap:10px;margin-bottom:10px}.filters button{background:#88a9a5;font-size:14px}.filters button:hover{background:#5e8f8a}.container{background:#0003;border-radius:10px;padding-top:40px;box-shadow:0 2px 8px #0003;height:350px;overflow-y:auto;position:relative}.container h2{position:absolute;top:0;left:0;width:100%;background-color:#264638e4;padding:10px 0;text-align:center;font-size:20px;font-weight:600;z-index:10;border-top-left-radius:10px;border-top-right-radius:10px}.container::-webkit-scrollbar{width:8px}.container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:5px}.list-container{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid rgba(255,255,255,.2)}.list-container:last-child{border-bottom:none}.list-container li{flex:1;text-align:left;font-size:18px}input[type=checkbox]{transform:scale(1.3);cursor:pointer}.Delete,.AddTask{font-size:20px;margin-bottom:5px;color:#80c77b;background-color:#446f5c4f}