html {
    background-color: #ccc;
}

nav {
    z-index: 99;
}

ul#header {
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

ul#header > li {
    float: left;
}

ul#header > li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

ul#header > li a:hover {
    background-color: #111111;
}

img#main {
    width: 80%;
    margin: 0 auto;
    display: block;
}

.header {
    background-color: #333;
    overflow: hidden;
    margin-bottom: 20px;
}

.header a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.header a:hover {
    background-color: #ddd;
    color: black;
}

.header a.active {
    background-color: #04AA6D;
    color: white;
}

.header .icon {
    display: none;
}

@media screen and (max-width: 1100px) {
    .header a {display: none;}
    .header a.icon {
        float: right;
        display: block;
    }

    .header.responsive {position: relative;}
    .header.responsive a.icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .header.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
}

h1.title {
    text-align: center;
    margin-top: 76px;
}

h5.title {
    text-align: center;
}

a {
    color: #2375D8;
}

.highlight {background-color: hsl(60, 100%, 70%);}
.highlightrej {background-color: hsl(14, 100%, 70%);}
.highlight2019 {background-color: hsl(180, 85%, 65%);}
.highlight2020 {background-color: hsl(200, 100%, 65%);}
.highlight2024 {background-color: hsl(215, 100%, 68%);}
.highlight2025 {background-color: hsl(265, 100%, 72%);}
.highlight2026 {background-color: hsl(30, 100%, 65%);}
.highlight2027 {background-color: hsl(12, 100%, 65%);}
.naga1 {background-color: hsl(20, 100%, 75%);}
.naga2 {background-color: hsl(20, 100%, 50%);}
.snow1 {background-color: hsl(210, 100%, 75%);}
.snow2 {background-color: hsl(210, 100%, 50%);}
.pb1 {background-color: hsl(120, 100%, 75%);}
.pb2 {background-color: hsl(120, 100%, 50%);}
.orc1 {background-color: hsl(40, 100%, 75%);}
.orc2 {background-color: hsl(40, 100%, 50%);}
.zuma1 {background-color: hsl(280, 100%, 75%);}
.zuma2 {background-color: hsl(280, 100%, 50%);}
.cata1 {background-color: hsl(190, 100%, 75%);}
.cata2 {background-color: hsl(190, 100%, 50%);}