.opluffy {
  background: #c8472c;
  border-color: maroon;
}
.opluffy>.text {
  background:#f8de3c text;
  border-color: #f8de3c;
}
.opluffy>.img {
  background-image: url(images/characters/luffy.png);
  border-color: maroon;
}
.opsabo {
  background: #459dd5;
  border-color: #0D4A9D;
}
.opsabo>.text {
  background:#F4E18C text;
  border-color: #F4E18C;
}
.opsabo>.img {
  background-image: url(images/characters/sabo.png);
  border-color: #0D4A9D;
}
.oprobin {
  background: #033e41;
  border-color: #090909;
}
.oprobin>.text {
  background:#F5EACB text;
  border-color: #F5EACB;
}
.oprobin>.img {
  background-image: url(images/characters/robin.jpg);
  border-color: #090909;
}
.tohhunter {
  background: #960000;
  border-color: #601106;
}
.tohhunter>.text {
  background:#F5EACB text;
  border-color: #F5EACB;
}
.tohhunter>.img {
  background-image: url(images/characters/hunter.jpg);
  border-color: #601106;
}
.dmchilchuck {
  background: #8a5938;
  border-color: #62352f;
}
.dmchilchuck>.text {
  background:#F0E2BC text;
  border-color: #F0E2BC;
}
.dmchilchuck>.img {
  background-image: url(images/characters/chillchuck.jpg);
  border-color: #62352f;
}
.dwgoob {
  background: linear-gradient(to right, #FFABAB 30%, #8C9FFF 30%);
  border-color: #ffca74;
}
.dwgoob>.text {
  background:linear-gradient(to right, #BB0000 30%, #0000BB 30%) text;
  border-color: linear-gradient(to right, #BB0000 30%, #0000BB 30%);
}
.dwgoob>.img {
  background-image: url(images/characters/goob.png);
  border-color: #ffca74;
}
.hdirkstrider {
  background: #bd1934;
  border-color: #6e0e2e;
}
.hdirkstrider>.text {
  background:#ff9742 text;
  border-color: #ff9742;
}
.hdirkstrider>.img {
  background-image: url(images/characters/dirk.png), url(images/chains.png);
  border-color: #6e0e2e;
}
.hnepeta {
  background: #6b6124;
  border-color: #2a1f2b;
}
.hnepeta>.text {
  background:#b5aa45 text;
  border-color: #b5aa45;
}
.hnepeta>.img {
  background-image: url(images/nepeta.png), url(linear-gradient(to bottom, #2A1F2B, #416601));
  border-color: #2a1f2b;
}
.hnepeta > .img {
  background-image: url(images/nepeta.png), linear-gradient(to bottom, #2A1F2B, #416601);
}
.hkanayamaryam {
  background: #33884e;
  border-color: #053c2c;
}
.hkanayamaryam>.text {
  background:#d5f5cb text;
  border-color: #d5f5cb;
}
.hkanayamaryam>.img {
  background-image: url(images/characters/kanaya.png);
  border-color: #053c2c;
}
.hdavepeta {
  background: #ffffff;
  border-color: #3d1705;
}
.hdavepeta>.text {
  background:linear-gradient(to right, #FF9500 30%, #3BBF17 30%) text;
  border-color: linear-gradient(to right, #FF9500 30%, #3BBF17 30%);
}
.hdavepeta>.img {
  background-image: url(images/davepeta_excited.gif), url(images/discs.jpg);
  border-color: #3d1705;
}
.hdavepeta > .img {
  background-size: cover, 30%;
}
.mp1mob {
  background:  linear-gradient(to bottom, #5C8DFF, #EB54FF);
  ;
  border-color: #800080;
}
.mp1mob>.text {
  background:#ffffff text;
  border-color: #ffffff;
}
.mp1mob>.img {
  background-image: url(images/mob.png), url(images/discs_mob.jpg);
  border-color: #800080;
}
.mp1shigeokageyama {
  background: linear-gradient(to bottom, #FD144F, #EA2D28);
  border-color: #000015;
}
.mp1shigeokageyama>.text {
  background:#00257c text;
  border-color: #00257c;
}
.mp1shigeokageyama>.img {
  background-image: url(images/shigeo.png);
  border-color: #000015;
}
.gdarwin {
  background: #ff998a;
  border-color: #ffffff;
}
.gdarwin>.text {
  background:#99032b text;
  border-color: #99032b;
}
.gdarwin>.img {
  background-image: url(images/characters/darwin.jpeg);
  border-color: #ffffff;
}
.grob {
  background: linear-gradient(#000000AA, #000000AA), url(images/static.jpg);
  border-color: #000000;
}
.grob>.text {
  background:#ffffff text;
  border-color: #ffffff;
}
.grob>.img {
  background-image: url(images/characters/rob.gif);
  border-color: #000000;
}
.fagreed {
  background: linear-gradient(#4f0678, #e50909);
  border-color: #26004c;
}
.fagreed>.text {
  background:#ffffff text;
  border-color: #ffffff;
}
.fagreed>.img {
  background-image: url(images/characters/greed.png);
  border-color: #26004c;
}
.faling {
  background: linear-gradient(#ffc000, #0064ff);
  border-color: #00134c;
}
.faling>.text {
  background:#ffffff text;
  border-color: #ffffff;
}
.faling>.img {
  background-image: url(images/characters/ling.png);
  border-color: #00134c;
}
.cdekatsuyo {
  background: #ffffff;
  border-color: #fdfa90;
}
.cdekatsuyo>.text {
  background:#a52a2a text;
  border-color: #a52a2a;
}
.cdekatsuyo>.img {
  background-image: url(images/characters/Dekatsuyo.png);
  border-color: #fdfa90;
}
.pemmetandingo {
  background: linear-gradient(to right, black 30%, white 30%);
  border-color: #ffffff;
}
.pemmetandingo>.text {
  background:linear-gradient(to right, white 30%, black 30%) text;
  border-color: linear-gradient(to right, white 30%, black 30%);
}
.pemmetandingo>.img {
  background-image: url(images/characters/e&i.png);
  border-color: #ffffff;
}
.pgliscor {
  background: #1a172b;
  border-color: #800080;
}
.pgliscor>.text {
  background:#ffffff text;
  border-color: #ffffff;
}
.pgliscor>.img {
  background-image: url(images/characters/gliscor.gif), url(images/venom.png);
  border-color: #800080;
}
.pbraviary {
  background: #1a172b;
  border-color: #ffffff;
}
.pbraviary>.text {
  background:#ffffff text;
  border-color: #ffffff;
}
.pbraviary>.img {
  background-image: url(images/characters/braviary.jpg);
  border-color: #ffffff;
}
.pshinynoibat {
  background: #826f62;
  border-color: #252525;
}
.pshinynoibat>.text {
  background:#86d0b5 text;
  border-color: #86d0b5;
}
.pshinynoibat>.img {
  background-image: url(images/characters/noibat.png);
  border-color: #252525;
}
.rvbchurch {
  background: #1f284eff;
  border-color: #000000;
}
.rvbchurch>.text {
  background:#ffffffff text;
  border-color: #ffffffff;
}
.rvbchurch>.img {
  background-image: url(images/characters/church.png);
  border-color: #000000;
}
.gfbillcipher {
  background: url(images/birchtrees.jpg);
  border-color: #ffd900ff;
}
.gfbillcipher>.text {
  background:#000000ff text;
  border-color: #000000ff;
}
.gfbillcipher>.img {
  background-image: url(images/characters/bill.png);
  border-color: #ffd900ff;
}
.gfbillcipher > .text {
  filter:drop-shadow(1px 1px white) drop-shadow(1px -1px white) drop-shadow(-1px 1px white) drop-shadow(-1px -1px white);
}
.gfford {
  background: #7c1e16;
  border-color: #310000;
}
.gfford>.text {
  background:linear-gradient(70deg, #6a530e, #f6de96, #bfa65a) text;
  border-color: linear-gradient(70deg, #6a530e, #f6de96, #bfa65a);
}
.gfford>.img {
  background-image: url(images/characters/ford.png);
  border-color: #310000;
}
.gfford>.text>hr {
  border-color:#bfa65a
}
.skkusuosaiki {
  background: #84af5f;
  border-color: #9f2d72;
}
.skkusuosaiki>.text {
  background:linear-gradient(90deg, #cc5b9d, #f3a6d4, #cc5b9d) text;
  border-color: linear-gradient(90deg, #cc5b9d, #f3a6d4, #cc5b9d);
}
.skkusuosaiki>.img {
  background-image: url(images/characters/saiki.png), url(images/clouds.jpg);
  border-color: #9f2d72;
}
.skkusuosaiki>.text>hr {
  border-color:#cc5b9d
}
.skkusuosaiki > .text {
  filter: drop-shadow(1px 1px #5d6a22) drop-shadow(1px -1px #5d6a22) drop-shadow(-1px 1px #5d6a22) drop-shadow(-1px -1px #5d6a22);
}
.tadccaine {
  background: url(images/balloons.gif);
  border-color: #400606;
}
.tadccaine>.text {
  background:#000000 text;
  border-color: #000000;
}
.tadccaine>.img {
  background-image: url(images/characters/caine.jpeg);
  border-color: #400606;
}
.tadccaine > .text {
  filter:drop-shadow(1px 1px white) drop-shadow(1px -1px white) drop-shadow(-1px 1px white) drop-shadow(-1px -1px white);
}
.sulapislazuli {
  background: #0c2048ff;
  border-color: black;
}
.sulapislazuli>.text {
  background:#ffffffff text;
  border-color: #ffffffff;
}
.sulapislazuli>.img {
  background-image: url('images/lapis crop2.png'), url(images/galaxy.png);
  border-color: black;
}
.opluffy {
  background: #c8472c;
  border-color: maroon;
}
.opluffy>.text {
  background:#f8de3c text;
  border-color: #f8de3c;
}
.opluffy>.img {
  background-image: url(images/characters/luffy.png);
  border-color: maroon;
}
.opsabo {
  background: #459dd5;
  border-color: #0D4A9D;
}
.opsabo>.text {
  background:#F4E18C text;
  border-color: #F4E18C;
}
.opsabo>.img {
  background-image: url(images/characters/sabo.png);
  border-color: #0D4A9D;
}
.oprobin {
  background: #033e41;
  border-color: #090909;
}
.oprobin>.text {
  background:#F5EACB text;
  border-color: #F5EACB;
}
.oprobin>.img {
  background-image: url(images/characters/robin.jpg);
  border-color: #090909;
}
.tohhunter {
  background: #960000;
  border-color: #601106;
}
.tohhunter>.text {
  background:#F5EACB text;
  border-color: #F5EACB;
}
.tohhunter>.img {
  background-image: url(images/characters/hunter.jpg);
  border-color: #601106;
}
.dmchilchuck {
  background: #8a5938;
  border-color: #62352f;
}
.dmchilchuck>.text {
  background:#F0E2BC text;
  border-color: #F0E2BC;
}
.dmchilchuck>.img {
  background-image: url(images/characters/chillchuck.jpg);
  border-color: #62352f;
}
.dwgoob {
  background: linear-gradient(to right, #FFABAB 30%, #8C9FFF 30%);
  border-color: #ffca74;
}
.dwgoob>.text {
  background:linear-gradient(to right, #BB0000 30%, #0000BB 30%) text;
  border-color: linear-gradient(to right, #BB0000 30%, #0000BB 30%);
}
.dwgoob>.img {
  background-image: url(images/characters/goob.png);
  border-color: #ffca74;
}
.hdirkstrider {
  background: #bd1934;
  border-color: #6e0e2e;
}
.hdirkstrider>.text {
  background:#ff9742 text;
  border-color: #ff9742;
}
.hdirkstrider>.img {
  background-image: url(images/characters/dirk.png), url(images/chains.png);
  border-color: #6e0e2e;
}
.hnepeta {
  background: #6b6124;
  border-color: #2a1f2b;
}
.hnepeta>.text {
  background:#b5aa45 text;
  border-color: #b5aa45;
}
.hnepeta>.img {
  background-image: url(images/nepeta.png), url(linear-gradient(to bottom, #2A1F2B, #416601));
  border-color: #2a1f2b;
}
.hnepeta > .img {
  background-image: url(images/nepeta.png), linear-gradient(to bottom, #2A1F2B, #416601);
}
.hkanayamaryam {
  background: #33884e;
  border-color: #053c2c;
}
.hkanayamaryam>.text {
  background:#d5f5cb text;
  border-color: #d5f5cb;
}
.hkanayamaryam>.img {
  background-image: url(images/characters/kanaya.png);
  border-color: #053c2c;
}
.hdavepeta {
  background: #ffffff;
  border-color: #3d1705;
}
.hdavepeta>.text {
  background:linear-gradient(to right, #FF9500 30%, #3BBF17 30%) text;
  border-color: linear-gradient(to right, #FF9500 30%, #3BBF17 30%);
}
.hdavepeta>.img {
  background-image: url(images/davepeta_excited.gif), url(images/discs.jpg);
  border-color: #3d1705;
}
.hdavepeta > .img {
  background-size: cover, 30%;
}
.mp1mob {
  background:  linear-gradient(to bottom, #5C8DFF, #EB54FF);
  ;
  border-color: #800080;
}
.mp1mob>.text {
  background:#ffffff text;
  border-color: #ffffff;
}
.mp1mob>.img {
  background-image: url(images/mob.png), url(images/discs_mob.jpg);
  border-color: #800080;
}
.mp1shigeokageyama {
  background: linear-gradient(to bottom, #FD144F, #EA2D28);
  border-color: #000015;
}
.mp1shigeokageyama>.text {
  background:#00257c text;
  border-color: #00257c;
}
.mp1shigeokageyama>.img {
  background-image: url(images/shigeo.png);
  border-color: #000015;
}
.gdarwin {
  background: #ff998a;
  border-color: #ffffff;
}
.gdarwin>.text {
  background:#99032b text;
  border-color: #99032b;
}
.gdarwin>.img {
  background-image: url(images/characters/darwin.jpeg);
  border-color: #ffffff;
}
.grob {
  background: linear-gradient(#000000AA, #000000AA), url(images/static.jpg);
  border-color: #000000;
}
.grob>.text {
  background:#ffffff text;
  border-color: #ffffff;
}
.grob>.img {
  background-image: url(images/characters/rob.gif);
  border-color: #000000;
}
.fagreed {
  background: linear-gradient(#4f0678, #e50909);
  border-color: #26004c;
}
.fagreed>.text {
  background:#ffffff text;
  border-color: #ffffff;
}
.fagreed>.img {
  background-image: url(images/characters/greed.png);
  border-color: #26004c;
}
.faling {
  background: linear-gradient(#ffc000, #0064ff);
  border-color: #00134c;
}
.faling>.text {
  background:#ffffff text;
  border-color: #ffffff;
}
.faling>.img {
  background-image: url(images/characters/ling.png);
  border-color: #00134c;
}
.cdekatsuyo {
  background: #ffffff;
  border-color: #fdfa90;
}
.cdekatsuyo>.text {
  background:#a52a2a text;
  border-color: #a52a2a;
}
.cdekatsuyo>.img {
  background-image: url(images/characters/Dekatsuyo.png);
  border-color: #fdfa90;
}
.pemmetandingo {
  background: linear-gradient(to right, black 30%, white 30%);
  border-color: #ffffff;
}
.pemmetandingo>.text {
  background:linear-gradient(to right, white 30%, black 30%) text;
  border-color: linear-gradient(to right, white 30%, black 30%);
}
.pemmetandingo>.img {
  background-image: url(images/characters/e&i.png);
  border-color: #ffffff;
}
.pgliscor {
  background: #1a172b;
  border-color: #800080;
}
.pgliscor>.text {
  background:#ffffff text;
  border-color: #ffffff;
}
.pgliscor>.img {
  background-image: url(images/characters/gliscor.gif), url(images/venom.png);
  border-color: #800080;
}
.pbraviary {
  background: #1a172b;
  border-color: #ffffff;
}
.pbraviary>.text {
  background:#ffffff text;
  border-color: #ffffff;
}
.pbraviary>.img {
  background-image: url(images/characters/braviary.jpg);
  border-color: #ffffff;
}
.pshinynoibat {
  background: #826f62;
  border-color: #252525;
}
.pshinynoibat>.text {
  background:#86d0b5 text;
  border-color: #86d0b5;
}
.pshinynoibat>.img {
  background-image: url(images/characters/noibat.png);
  border-color: #252525;
}
.rvbchurch {
  background: #1f284eff;
  border-color: #000000;
}
.rvbchurch>.text {
  background:#ffffffff text;
  border-color: #ffffffff;
}
.rvbchurch>.img {
  background-image: url(images/characters/church.png);
  border-color: #000000;
}
.gfbillcipher {
  background: url(images/birchtrees.jpg);
  border-color: #ffd900ff;
}
.gfbillcipher>.text {
  background:#000000ff text;
  border-color: #000000ff;
}
.gfbillcipher>.img {
  background-image: url(images/characters/bill.png);
  border-color: #ffd900ff;
}
.gfbillcipher > .text {
  filter:drop-shadow(1px 1px white) drop-shadow(1px -1px white) drop-shadow(-1px 1px white) drop-shadow(-1px -1px white);
}
.gfford {
  background: #7c1e16;
  border-color: #310000;
}
.gfford>.text {
  background:linear-gradient(70deg, #6a530e, #f6de96, #bfa65a) text;
  border-color: linear-gradient(70deg, #6a530e, #f6de96, #bfa65a);
}
.gfford>.img {
  background-image: url(images/characters/ford.png);
  border-color: #310000;
}
.gfford>.text>hr {
  border-color:#bfa65a
}
.skkusuosaiki {
  background: #84af5f;
  border-color: #9f2d72;
}
.skkusuosaiki>.text {
  background:linear-gradient(90deg, #cc5b9d, #f3a6d4, #cc5b9d) text;
  border-color: linear-gradient(90deg, #cc5b9d, #f3a6d4, #cc5b9d);
}
.skkusuosaiki>.img {
  background-image: url(images/characters/saiki.png), url(images/clouds.jpg);
  border-color: #9f2d72;
}
.skkusuosaiki>.text>hr {
  border-color:#cc5b9d
}
.skkusuosaiki > .text {
  filter: drop-shadow(1px 1px #5d6a22) drop-shadow(1px -1px #5d6a22) drop-shadow(-1px 1px #5d6a22) drop-shadow(-1px -1px #5d6a22);
}
.tadccaine {
  background: url(images/balloons.gif);
  border-color: #400606;
}
.tadccaine>.text {
  background:#000000 text;
  border-color: #000000;
}
.tadccaine>.img {
  background-image: url(images/characters/caine.jpeg);
  border-color: #400606;
}
.tadccaine > .text {
  filter:drop-shadow(1px 1px white) drop-shadow(1px -1px white) drop-shadow(-1px 1px white) drop-shadow(-1px -1px white);
}
.sulapislazuli {
  background: #0c2048ff;
  border-color: black;
}
.sulapislazuli>.text {
  background:#ffffffff text;
  border-color: #ffffffff;
}
.sulapislazuli>.img {
  background-image: url('images/lapis crop2.png'), url(images/galaxy.png);
  border-color: black;
}