body {
    font-family: Arial, sans-serif; /* Choose a suitable font */
    margin: 0;
    padding: 0;
    display: flex; /* Use flexbox for layout */
}

header {
    background-color: #1a1a1a; /* Dark background for header */
    color: #ffffff; /* Light text color */
    padding: 20px;
    width: 250px; /* Fixed width for the sidebar */
    height: 100vh; /* Full height */
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5); /* Shadow effect */
}

nav ul {
    list-style: none; /* Remove bullet points */
    padding: 0; /* Remove padding */
}

nav ul li {
    margin: 15px 0; /* Space between links */
}

nav ul li a {
    color: #ffffff; /* Link color */
    text-decoration: none; /* Remove underline */
}

nav ul li a:hover {
    text-decoration: underline; /* Underline on hover */
}

main {
    flex-grow: 1; /* Allow main content to take remaining space */
    padding: 20px; /* Padding for main content */
    background-color: #f4f4f4; /* Light background for main content */
}

footer {
    text-align: center; /* Center footer text */
    padding: 10px 0; /* Padding for footer */
    background-color: #1a1a1a; /* Dark background for footer */
    color: #ffffff; /* Light text color */
    position: relative; /* Position relative for footer */
    bottom: 0; /* Stick to bottom */
    width: 100%; /* Full width */
}