/* :root {
  --caps-green: rgb(48, 180, 167);
  --caps-green-50: rgba(48, 180, 167, 0.5);
} */

body {
    background: black;
    color: var(--caps-ado-light);
}

h2.cgs {
    color: var(--caps-green);
    text-align: left;
    margin-top: 5%;
}

h3 {
    color: var(--caps-green);
}

h4.cgs {
    margin-top : 0;
    color: var(--caps-green);
}

h5 {
    color: var(--caps-ado-light);
}

.corps {
    max-width: 1200px;
    padding: 0% 5%;
    margin-bottom: 2.5%;
    text-align: justify;
    color: white;
}

.corps p {
    color: white;
}

.corps ul li {
    color: white;
}

table {
    width: 100%;
    border-collapse: collapse;
    border: solid 1px var(--caps-green);
    background-color: #1a1a1a;
}

tr {
    border: solid 1px var(--caps-green);
}

th {
    text-align: center;
    vertical-align: middle;
    padding: 8px;
    border: solid 1px var(--caps-green);
    background-color: #2d2d2d;
    color: var(--caps-ado-light);
    font-weight: bold;
}

td {
    text-align: center;
    vertical-align: middle;
    padding: 8px;
    border: solid 1px var(--caps-green);
    color: white;
}

h2, h3, h4, h5, section {
    scroll-margin-top: 80px;
}

.navigation {
    padding-bottom: 250px;
    background-color: rgba(26, 26, 26, 0.8);
    border-right: 1px solid #404040;
}

.navigation a {
    color: var(--caps-ado-light);
}

.navigation a:hover {
    color: var(--caps-green);
}

h1 {
    color: var(--caps-neon);
}

i {
    color: var(--caps-ado-light);
}

a {
    color: var(--caps-ado-light);
    text-decoration: underline;
}

a:hover {
    color: var(--caps-green);
}

.container a {
    color: var(--caps-ado-light);
}

.container a:hover {
    color: var(--caps-green);
}