body {
    background-color: rgba(1, 21, 25, 1); /* Dark background */
    color: rgba(1, 156, 124, 1); /* Bright greenish foreground text */
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
}

header, footer {
    text-align: center;
    padding: 1rem 0;
}

/* Style for headers */
h1, h2, h3, h4, h5, h6 {
    color: rgba(1, 156, 124, 1);
}

/* Style for links */
a {
    color: rgba(1, 200, 164, 1); /* Lighter shade for links */
    text-decoration: none; /* No underlines on links */
}

a:hover {
    text-decoration: underline; /* Underline on hover for links */
}

/* Style for navigation */
nav {
    background-color: rgba(1, 31, 35, 1); /* Slightly lighter background for nav */
    padding: 10px;
}

nav ul {
    list-style-type: none; /* No bullets */
    padding: 0;
}

nav ul li {
    display: inline; /* Horizontal navigation menu */
    margin-right: 20px;
}

/* Additional container for content */
.content {
    background-color: rgba(1, 21, 25, 0.9); /* Slightly transparent background */
    padding: 20px;
    margin-top: 20px;
    border-radius: 8px;
}

/* Style for footer */
footer {
    margin-top: 20px;
    padding: 10px;
    text-align: center;
    font-size: 0.8rem;
    background-color: rgba(1, 31, 35, 1); /* Slightly lighter background for footer */
}

/* New styles for right-hand side links */
.right-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgba(1, 31, 35, 1); /* Slightly lighter background for sidebar */
    padding: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.1); /* White border on the left */
}

.right-sidebar ul {
    list-style-type: none; /* No bullets */
    padding: 0;
}

.right-sidebar ul li {
    margin-bottom: 10px;
}

