body {
        font-family:Arial,sans-serif;
        background:#f2f2f2;
        display:flex;
        justify-content:center;
        align-items: center;
        height:100vh;
        margin:0;    
    }
    h1 {
        color:#333;
        font-size:50px;
        margin-bottom:25px;
        margin-top: auto;
    }
    input {
        padding:18px;
        width:550px;
        border-radius:10px;
        border:1px solid #ccc;
        font-size:20px;
    }
    button {
        padding:14px 28px;
        font-size:18px;
        margin:8px;
        background:#0d6efd;
        color:white;
        border:none;
        border-radius:8px;
        cursor:pointer;
    }
    button:hover {
        opacity:0.9;
        transform:scale(1.03);
        transition:0.2s;
        background:#084298;
    }
    li {
        margin-top:10px;
        padding:15px;
        background:#f5f5f5;
        border-radius:8px;
        display:flex;
        justify-content: space-between;
        align-items: center;
        box-shadow:0 2px 5px rgba(0,0,0,0.1);
    }
    li div {
        display:flex;
        gap:10px;
    }
    ul {
        list-style:none;
        padding:0;
        margin-top:20px;
        width:100%;
    }
    .container {
        background: white;
        padding: 90px;
        border-radius:20px;
        width:70%;
        max-width:700px;
        margin:auto;
        margin-top:100px;
        text-align: center;
        box-shadow: 0 6px 15px rgba(0,0,0,0.15);
    }
    .delete-btn {
        background:#0d6efd;
        color:white;
        padding:10px 18px;
        font-size:16px;
        border-radius:8px;
        border:none;
        cursor:pointer;
        transition:0.3s;
       
    }
    .delete-btn:hover {
        background-color:#dc3545;
        
    }
    .button-group {
        display:flex;
        justify-content:center;
        gap:10px;
        margin-top:10px;
    }
    li:hover {
        transform:scale(1.02);
        transition:0.2s;
        background-color:#e9ecef;
    }
    .input-area {
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:10px;
    }
    .edit-btn {
        background-color: #0d6efd;;
        color:white;
        border:none;
        padding:10px 18px;
        border-radius:6px;
        cursor:pointer;
        margin-right:10px;

    }
    .edit-btn:hover {
        background-color:#e0a800;
        color:black;
    }