@import url('https://fonts.googleapis.com/css2?family=Anek+Malayalam:wght@300;400;500&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Anek Malayalam',
        sans-serif;
}

body {
    display: flex;
    justify-content: center; 
    align-items: center;
    min-height: 100vh; 
    background:linear-gradient(0deg, rgba(79, 168, 231, 1) 0%, rgba(25, 119, 212, 1) 31%, rgba(19, 41, 186, 1) 100%);
}
.box{ 
    width: 300px ; 
}

.box h2{ 
    color: #fff; 
    background: #03a9f4;
    padding: 10px 20px; 
    font-size: 20px; 
    font-weight: 500; 
    border-radius: 10px 10px 0px 0px; 
}

.box ul{ 
    position: relative; 
    background: #fff;
}

.box ul li{ 
    list-style: none; 
    padding: 10px 20px; 
    border-bottom: 1px solid #e0e0e0; 
    font-size: 16px; 
    font-weight: 500; 
    cursor: pointer; 
    transition: 0.3s; 
    box-shadow: 0 5px 25px rgba(0,0,0,0.1);
    transition: transform 0.5;
}

.box ul li:hover{ 
    transform: scale(1.1); 
    z-index:100;
    background: #25bcff;
    box-shadow: 0 5px 25px rgba(0,0,0,0.2);
    color: #fff;
}