/* Footer styling */
footer {
    position: fixed; /* Keeps the footer at the bottom of the viewport */
    background-color: rgba(81, 9, 206, 0.222); /* Semi-transparent blue */
    color: #e0f7fa; /* Light cyan color for text */
    height: 35px;
    width: 100%; /* Makes the footer span the full width of the screen */
    bottom: 0; /* Ensures the footer sticks to the bottom */
   
    text-align: center; /* Centers the text horizontally */
    font-size: 16px; /* Adjust font size */
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif, sans-serif, arial;
 
    padding: 10x 5; /* Padding around the content */
    display: flex;
    align-items: center; /* Vertical alignment */
    justify-content: center; /* Horizontal alignment, optional */
}

/* Tiny Image in Footer */
.footer-image {
    position: absolute; /* Absolute positioning inside the footer */
    bottom: 10px; /* Space above the bottom edge */
    width: 40px;
    height: 40px;
    object-fit: contain; /* Maintain aspect ratio */
    right: 20px; /* Space from the right edge */
}

/* Footer Link Hover Effects */
footer a {
    color: #e0f7fa; /* Default link color */
    text-decoration: none; /* Remove underline */
    transition: color 0.3s ease; /* Smooth color transition */
}

footer a:hover {
    color: #ffeb3b; /* Change to yellow on hover */
}