body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    background-color: black;
    color: white;
}

header {
    background: black;
    color: #fff;
    text-align: center;
}

header img {
    width: 467px; /* Set the image width to its native resolution */
    height: auto;
}

nav ul {
    list-style: none;
    padding: 0;
}

nav ul li {
    display: inline;
    margin: 0 1em;
}

nav ul li a {
    color: #fff;
    text-decoration: none;
}

main {
    padding: 1em;
}

section {
    margin: 2em 0;
}

h2, h3, h4 {
    color: #D3D3D3; /* Light gray color */
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300; /* Thin font */
    font-variant: small-caps; /* Small caps */
    text-align: center; /* Center align headings */
    margin-top: 0.1em; /* Reduce the top margin */
    margin-bottom: 0.1em; /* Reduce the bottom margin */
}

h2 {
    font-size: 3.2em; /* Larger font size for main heading */
}

h3 {
    font-size: 2.5em; /* Larger font size for subheading */
    margin-bottom: 0em; /* Reduce the bottom margin */
}

h4 {
    font-size: 1.8em; /* Larger font size for sub-subheading */
}

a {
    color: #1E90FF; /* Link color */
    text-decoration: none; /* Remove underline */
}

a:hover {
    color: green; /* Link hover color */
}

img {
    display: block;
    margin: 0 auto;
}

p {
    text-align: center;
    margin-top: 20px;
    color: #D3D3D3; /* Light gray color */
    font-size: 2em; /* Larger font size */
    font-family: 'Open Sans Condensed', sans-serif; /* Taller and thinner font */
    font-variant: small-caps; /* Small caps */
    font-weight: 300; /* Thin font */
}

/* Add styles for the table */
table {
    width: 80%; /* Adjust table width as needed */
    border-collapse: collapse;
    margin: 20px auto; /* Center the table and add some margin */
}

td {
    border: 1px solid black; /* Black border to make it invisible on black background */
    padding: 10px;
    vertical-align: top; /* Align text to the top */
    text-align: center; /* Center text horizontally */
}

td a {
    font-size: 1.2em; /* Enlarged font for publication title */
    color: lightgray; /* Light gray color for the links */
    display: block; /* Ensure the link is displayed as block for proper centering */
    margin-bottom: 5px; /* Adjust margin for spacing between title and journal info */
}

td span {
    font-size: 1em; /* Normal sized font for year and journal name */
    color: gray; /* Gray color for the text */
    display: block; /* Ensure the span is displayed as block for proper centering */
}

tr {
    margin-bottom: 20px; /* Increase margin between different publications */
}

hr {
    border: 0;
    height: 1px;
    background: #444444; /* Lighter gray for visibility */
    margin: 40px 0; /* Adjust the margin as needed */
}

.centered-link {
    display: block;
    text-align: center;
    font-size: 1.2em; /* Adjust font size as needed */
    color: lightgray; /* Light color for the links */
    text-decoration: none; /* Remove underline */
    margin: 10px 0; /* Margin for spacing */
}

.centered-link:hover {
    color: green; /* Change color on rollover */
}

/* Existing styles for journal names */
td span {
    font-size: 1em; /* Normal sized font for year and journal name */
    color: gray; /* Gray color for the text */
    display: block; /* Ensure the span is displayed as block for proper centering */
}

/* Add styles for descriptive text in teaching page */
.description-text {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.2em; /* Same size as journal names */
    color: gray; /* Same gray color as journal names */
    line-height: 1.6; /* Adjust line height for readability */
    font-variant: normal; /* Remove small caps */
}

/* General link styles */
a {
    color: white; /* White text color */
    text-decoration: none; /* Remove underline */
    font-size: 1.2em; /* Adjust font size as needed */
}

a:hover {
    color: green; /* Green text on rollover */
}

/* Content link styles */
.content a {
    color: white; /* White text color for content */
    text-decoration: none; /* Remove underline */
    font-size: 0.8em; /* Adjust font size as needed */
}

.content a:hover {
    color: green; /* Green text on hover for content */
}

/* General styles for headings and text in content */
.content h2, .content h3, .content h4, .content p {
    color: #D3D3D3; /* Light gray color for headings and text */
    text-align: center;
}

hr {
    border: 0;
    height: 1px;
    background: #555555; /* Dark gray line */
    margin: 20px 0; /* Adjust the margin as needed */
}

/* Additional styling for centered text */
.text-lg-center a {
    color: white; /* Ensure links inside centered text are white */
}

.text-lg-center a:hover {
    color: green; /* Green text on rollover */
}

@media (max-width: 768px) {
    nav ul li {
        display: block;
        margin: 0.5em 0;
    }
}

@media (max-width: 480px) {
    header, footer {
        text-align: left;
        padding: 1em;
    }

    nav ul {
        text-align: center;
    }
}