/* Fixed black footer with scrollable content */
footer {
position: fixed;
bottom: 0;
width: 100%;
height: 100px; /* Adjust as needed */
overflow-y: auto; /* Enables scrolling if content overflows */
background-color: black !important; /* Forces black background */
color: white !important; /* Ensures text is readable */
z-index: 1000;
padding: 10px;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2); /* Optional shadow effect */
}
/* Prevents main content from overlapping footer */
body {
padding-bottom: 100px; /* Should match footer height */
}
