body {
    background: white;
    color: #000000;
}

h1{
    color: red;
}
h1.theme-Rosa{
    color: lightblue;
}

h1.theme-DK{
    color: brown;
}

h2 {
    color: red;
}
h1.theme-Bowser,
h1.theme-luigi,
h2.theme-1 {
    color: green;
}

h1.theme-Jr,
h2.theme-2 {
    color: yellowgreen;
}

h1.theme-Peach,
h2.theme-3 {
    color: palevioletred;
}
h1.theme-daisy,
h1.theme-cool,
h2.theme-4 {
    color: orange;
}

ul.navigation li {
    display: inline;
    border-right: 1px solid #000000;
    padding: 3px 5px;
}

ul.navigation li:last-child {
    border: 0px;
}

ul.navigation li.active {
    background: blue;
}

ul.navigation li.active:hover {
    background: red;
}

ul.navigation li.active a {
    color:#FFFFFF;
}

.character-group {
    display: flex;
    flex-direction: row;
    margin: 20px 0;
}

.character-single {
    border: 1px solid blue;
    padding: 20px;
}

.character-single a {
    text-align: center;
    display: block;
}

.character-single.theme-pink {
    border-color: pink;
}

.character-single.theme-red {
    border-color: red;
}

.character-single.theme-green {
    border-color: green;
}

.character-single.theme-pink a {
    color: pink;
}

.character-single.theme-red a {
    color: red;
}

.character-single.theme-green a {
    color: green;
}

h1.theme-caye{
    color: blue;
}