body, html {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    background-image: url('background.webp');
    color: #ffffff;
}

#container {
    display: flex;
    height: 100vh;
}

#navbar {
    flex-basis: 200px;
    background-color: #000000;
    padding: 20px;
}

#navbar a {
    display: block;
    color: #aaaaaa;
    text-decoration: none;
    margin: 10px 0;
    transition: color 0.3s;
}

#navbar a:hover {
    color: #ffffff;
}

#main-content {
    flex-grow: 1;
    padding: 20px;
    overflow-y: auto;
}

/* Slightly futuristic font style */
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');

body {
    font-family: 'Orbitron', sans-serif;
}