:root {
    --background-color: #333333; /* Dark gray background */
    --text-color: #CCCCCC; /* Light gray text */
    --link-color: #FFCC00; /* Yellow/orange links */
    --highlight-color: #CCCC66; /* Highlight color */
    --title-color: #CCCC00; /* Title color */
    --border-color: #777777; /* Border color */
}

body {
    background-color: var(--background-color);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: var(--text-color);
    margin: 0;
}

.site-header {
    background-image: url("/Attractor_Poisson_Saturne.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto;
    min-height: 200px;
    color: var(--title-color);
    padding: 5px 7px 7px 10px;
    text-align: left;
    border-bottom: 1px solid black;
}

.site-title {
    font-size: 24px;
    margin: 0;
    font-weight: normal;
}

.site-title a {
    color: var(--title-color);
    text-decoration: none;
}

.site-nav {
    text-align: center;
    margin-bottom: 10px;
}

.nav-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.nav-links li {
    margin: 0 0.5em;
    display: inline;
    color: var(--text-color);
}

.nav-links a {
    color: var(--link-color);
    text-decoration: none;
}

.site-main {
    padding: 10px;
}

.container {
    max-width: 1075px;
    margin: 25px auto;
    padding: 1px;
    border: 1px solid black;
    background-color: #000000;
    text-align: left;
}

.description {
    margin-bottom: 15px;
}

.video-container { /* Added a container class */
    text-align: center;
}

.video-item {
    margin: 5px auto; /* Simplified margin */
    width: 980px;
    display: block;
}


.strange-attractor {
    margin-bottom: 15px;
}

.strange-attractor img {
    max-width: 100%;
    height: auto;
    border: 1px solid #000;
}

.links h3,
.publications h3 {
    margin-bottom: 5px;
}

.links ul,
.publications ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.links li,
.publications li {
    margin-bottom: 3px;
    color: var(--text-color);
}

.links li a,
.publications li a {
    color: var(--link-color);
    text-decoration: none;
}

.site-footer {
    background-color: #181818;
    color: var(--text-color);
    text-align: center;
    padding: 5px 7px 7px 10px;
    border-top: 1px solid black;
    clear: both;
    font-size: 12px;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.parent {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 4px;
}