div[data-item="index"] { background: linear-gradient( rgba(191, 176, 164, 0.9), rgba(191, 176, 164, 0.9) ), url("../../assets/img/canvas-546877_640.jpg") center center repeat; }
div[data-item="guardian"] { background: linear-gradient( rgba(225, 174, 109, 0.9), rgba(225, 174, 109, 0.9) ), url("../../assets/img/canvas-546877_640.jpg") center center repeat; }
.nav-guardian { background-color: #A17C4D; }
.nav-guardian a, .nav-guardian button, .nav-guardian .h4 { color: #EDB872 !important; }
.nav-guardian a:hover, .nav-guardian button:hover { color: #2a2e34 !important; }
div[data-item="index"] .card-guardian .card-body { background-color: #A17C4D; }
div[data-item="index"] .card-guardian .card-body a { color: #EDB872 !important; }
div[data-item="narwhal"] { background: linear-gradient( rgba(196, 120, 82, 0.9), rgba(196, 120, 82, 0.9) ), url("../../assets/img/canvas-546877_640.jpg") center center repeat; }
.nav-narwhal { background-color: #855138; }
.nav-narwhal a, .nav-narwhal button, .nav-narwhal .h4 { color: #D18058 !important; }
.nav-narwhal a:hover, .nav-narwhal button:hover { color: #2a2e34 !important; }
div[data-item="index"] .card-narwhal .card-body { background-color: #855138; }
div[data-item="index"] .card-narwhal .card-body a { color: #D18058 !important; }
div[data-item="genesis"] { background: linear-gradient( rgba(69, 82, 98, 0.9), rgba(69, 82, 98, 0.9) ), url("../../assets/img/canvas-546877_640.jpg") center center repeat; }
.nav-genesis { background-color: #323C47; }
.nav-genesis a, .nav-genesis button, .nav-genesis .h4 { color: #A6C6ED !important; }
.nav-genesis a:hover, .nav-genesis button:hover { color: #fff !important; }
div[data-item="index"] .card-genesis .card-body { background-color: #323C47; }
div[data-item="index"] .card-genesis .card-body a { color: #A6C6ED !important; }
div[data-item="samurion"] { background: linear-gradient( rgba(153, 142, 97, 0.9), rgba(153, 142, 97, 0.9) ), url("../../assets/img/canvas-546877_640.jpg") center center repeat; }
.nav-samurion { background-color: #807650; }
.nav-samurion a, .nav-samurion button, .nav-samurion .h4 { color: #E6D591 !important; }
.nav-samurion a:hover, .nav-samurion button:hover { color: #fff !important; }
div[data-item="index"] .card-samurion .card-body { background-color: #807650; }
div[data-item="index"] .card-samurion .card-body a { color: #E6D591 !important; }
div[data-item="starplough"] { background: linear-gradient( rgba(144, 161, 169, 0.9), rgba(144, 161, 169, 0.9) ), url("../../assets/img/canvas-546877_640.jpg") center center repeat; }
.nav-starplough { background-color: #79888F; }
.nav-starplough a, .nav-starplough button, .nav-starplough .h4 { color: #D0E9F5 !important; }
.nav-starplough a:hover, .nav-starplough button:hover { color: #2a2e34 !important; }
div[data-item="index"] .card-starplough .card-body { background-color: #79888F; }
div[data-item="index"] .card-starplough .card-body a { color: #D0E9F5 !important; }
div[data-item="trojan"] { background: linear-gradient( rgba(221, 197, 137, 0.9), rgba(221, 197, 137, 0.9) ), url("../../assets/img/canvas-546877_640.jpg") center center repeat; }
.nav-trojan { background-color: #9E8D62; }
.nav-trojan a, .nav-trojan button, .nav-trojan .h4 { color: #EBD191 !important; }
.nav-trojan a:hover, .nav-trojan button:hover { color: #2a2e34 !important; }
div[data-item="index"] .card-trojan .card-body { background-color: #9E8D62; }
div[data-item="index"] .card-trojan .card-body a { color: #EBD191 !important; }
div[data-item="redduck"] { background: linear-gradient( rgba(221, 157, 129, 0.9), rgba(221, 157, 129, 0.9) ), url("../../assets/img/canvas-546877_640.jpg") center center repeat; }
.nav-redduck { background-color: #9E705C; }
.nav-redduck a, .nav-redduck button, .nav-redduck .h4 { color: #EBA688 !important; }
.nav-redduck a:hover, .nav-redduck button:hover { color: #2a2e34 !important; }
div[data-item="index"] .card-redduck .card-body { background-color: #9E705C; }
div[data-item="index"] .card-redduck .card-body a { color: #EBA688 !important; }
div[data-item="venetian"] { background: linear-gradient( rgba(107, 66, 102, 0.9), rgba(107, 66, 102, 0.9) ), url("../../assets/img/canvas-546877_640.jpg") center center repeat; }
.nav-venetian { background-color: #5E3A59; }
.nav-venetian a, .nav-venetian button, .nav-venetian .h4 { color: #AB6AA2 !important; }
.nav-venetian a:hover, .nav-venetian button:hover { color: #fff !important; }
div[data-item="index"] .card-venetian .card-body { background-color: #5E3A59; }
div[data-item="index"] .card-venetian .card-body a { color: #AB6AA2 !important; }
div[data-item="saurianm"] { background: linear-gradient( rgba(144, 161, 169, 0.9), rgba(144, 161, 169, 0.9) ), url("../../assets/img/canvas-546877_640.jpg") center center repeat; }
.nav-saurianm { background-color: #79888F; }
.nav-saurianm a, .nav-saurianm button, .nav-saurianm .h4 { color: #D0E9F5 !important; }
.nav-saurianm a:hover, .nav-saurianm button:hover { color: #2a2e34 !important; }
div[data-item="index"] .card-saurianm .card-body { background-color: #79888F; }
div[data-item="index"] .card-saurianm .card-body a { color: #D0E9F5 !important; }
div[data-item="zeus"] { background: linear-gradient( rgba(146, 170, 138, 0.9), rgba(146, 170, 138, 0.9) ), url("../../assets/img/canvas-546877_640.jpg") center center repeat; }
.nav-zeus { background-color: #7D9176; }
.nav-zeus a, .nav-zeus button, .nav-zeus .h4 { color: #D4F7C8 !important; }
.nav-zeus a:hover, .nav-zeus button:hover { color: #2a2e34 !important; }
div[data-item="index"] .card-zeus .card-body { background-color: #7D9176; }
div[data-item="index"] .card-zeus .card-body a { color: #D4F7C8 !important; }