body{
    background-color: #f0f8ff;
    font-family: Arial, sans-serif;
    text-align: center;
    padding:50px;
}

h1{
    color: rgb(42, 40, 40);
    font-size: 50px;

}

p{
    color: #322626;
    font-size: 20px;
}

img{
    width: 300px;
    margin-top: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    

}

button {
    position: relative;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    background: #08151d;
    color: #fff;
    border: none;
    outline: none;
    transition: transform 0.25s ease;
    
}

/* Zoom-in hover */
button:hover {
    transform: scale(1.05);
}

/* Bottom line (initially hidden) */
button::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0%;
    background: #0079ba;
    transition: width 0.7s ease;
}

/* Animate bottom line on hover */
button:hover::after {
    width: 100%;
}