:root {
    --background-color: #ffffff;
    --default-color: #212529;
    --heading-color: #2d465e;
    --accent-color: rgb(210, 45, 82) !important;
    --surface-color: #ffffff;
    --contrast-color: #ffffff;
}

:root {
    --default-font: "Parkinsans", "Nunito", "M PLUS 1p", serif;
}

@media (max-width: 1199px) {
    .navmenu a:hover, .navmenu .active, .navmenu .active:focus {
        color: rgb(210, 45, 82) !important;
    }
}

@media (min-width: 1200px) {
    .navmenu li:hover>a, .navmenu .active, .navmenu .active:focus {
        color: white;
    }
}

@media (max-width: 1199px) {
    .navmenu .dropdown ul a {
        color: #f9f9f9;
    }
}

#header {
    background-color: rgb(210, 45, 82);
}

#navmenu span {
    color: white;
}

#navmenu ul {
    background-color: #2d465e;
}
.dropdown li {
    color: white;
}

.navcolor {
    color: white;
}

.bi, .bi-chevron-down {
    color: white !important;
}

.bi, .bi-chevron-down, .toggle-dropdown {
    color: white !important;
}


h1, h2, h3, h4, h5 {
    font-family: "Racing Sans One", "Parkinsans", sans-serif;
    text-align: center !important;
}

h2 {
    font-size: 42px !important;
}

h3 {
    font-size: 38px !important;
}

h4 {
    padding-top: 5px;
}

.logo {
    margin: auto;
}

.idol {
    margin: auto;
}

.cat {
    font-family: "Parkinsans", "Nunito", "M PLUS 1p", serif;
    font-size: 14px;
    font-style: italic;
    text-transform: lowercase !important;
    text-align: center;
    padding-top: 12px;
}

.credits {
    color: white;
}

.credits a {
    color: white !important;
    text-decoration: underline;
}


.col-md-6, .col-lg-4 {
    padding-bottom: 10px !important;
}

.content-title .text-start {
    text-align: center !important;
}

.light-background {
    --background-color: rgb(210, 45, 82);
    --surface-color: #ffffff;
}

/* character colors */

.kato {
    color: #FF5522;
}

.aric {
    color: #AA66DD;
}

.taha {
    color: #0077DD;
}

.saya {
    color: #FFCC11;
    text-shadow: 1px 1px 0px #545454; 

}

.rius {
    color: #FF55BB;
}

.yumi {
    color: #881188;
}

.sahi {
    color: #00AABB;
}

.akud {
    color: #DD0088;
}

.rish {
    color: #BBBBBB;
}

.liim {
    color: #DD2200;
}

.ruya {
    color: #669988;
}

.nahi {
    color: #EE7744;
}

.maku {
    color: #6677CC;
}

.tsfu {
    color: #EE7788;
}

.toki {
    color: #EE6666;
}

.chu {
    color: #00BBFF
}

.pare {
    color: #FF99BB;
}

.mask {
    color: #EEBB44;
}

.lay {
    color: #CC0000;
}

.lock {
    color: #AAEE22;
    text-shadow: 1px 1px 0px #595959; 
}

.hiue {
    color: #FF9999;
}

.tsha {
    color: #FFEE88;
    text-shadow: 1px 1px 0px #545454; 
}

.rami {
    color: #EE0022
}

.toud {
    color: #BB0033;
}

.moao {
    color: #00CCAA;
}

.ayma {
    color: #FF88BB;
}

.chsh {
    color: #FFEEAA;
    text-shadow: 1px 1px 0px #545454; 
}

.evwa {
    color: #DDBBFF;
    text-shadow: 1px 1px 0px #4E4E4E; 
}

.maya {
    color: #99DD88;
    text-shadow: 1px 1px 0px #505050; 
}

.hihi {
    color: #55DDEE;
}

.kots {
    color: #FFEE22;
    text-shadow: 1px 1px 0px #545454; 
}

.haki {
    color: #FF9922;
}

.miok {
    color: #006699;
}

.kase {
    color: #AA33CC;
}

.kama {
    color: #44DDFF;
}

.anch {
    color: #FF8899;
}

.sona {
    color: #FFDD88;
    text-shadow: 1px 1px 0px #545454; 
}

.tota {
    color: #77BBDD;
}

.tash {
    color: #7777AA;
}

.raka {
    color: #77DD77;
}

.obli {
    color: #7799CC;
}

.timo {
    color: #335566;
}

.dolo {
    color: #BB9955;
}

.amor {
    color: #AA4477;
}

.mort {
    color: #779977;
}