/* text colors */
.colorSwitch {float: left;width: 12%;margin:0.25%;position:relative;height: 20px;width: 20px;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.vcBccheck { font-size:11px; line-height:1; color:#fff; margin-top:0; text-shadow:0 0 2px #000; }
.vcOpenPlayer { color:#fff !important; }
.myNotice { padding:3px; background-clip:unset; }
.vcBdisabled { opacity:0.5; }

/* audio colors */
.audioColor { background:#444; color:#fff; }
.songTitle { background:#666; color:#fff; }
.audioProgress { background:#fff; }
.audioBall { background:#666; }

/* misc colors */
.savedOk { background-color:rgba(0,102,0,0.8); color:#fff; }
.savedError { background-color:rgba(255,0,0,0.8); color:#fff; }
.backgroundStream { background-color:rgba(0,0,0,0.9);}
.liteOlay { background-color:rgba(100,100,100,0.4); color:#fff; }
.vcOlay { background-color:rgba(0,0,0,0.5); color:#fff; }
.darkOlay { background-color:rgba(0,0,0,0.6); color:#fff; }
.coverText { text-shadow:0 0 2px rgba(0, 0, 0, .8); }
.avatarSpin { border:2px solid #fff; }
.subListActive { border:none !important; }
.vcAvavatar { border:2px solid #fff; }

/* special log default colors */
.seen { background:#ffe6f2; color:#330019; }

/* basic name colors - Optimized for Dark Backgrounds */
/* Progressing: White > Reds > Oranges > Yellows > Greens > Cyans > Blues > Purples > Greys */

.bcolor1 { color: #ffffff; } /* White */
.bcolor2 { color: #ffe5ec; } /* Soft Pink */
.bcolor3 { color: #ffadad; } /* Pastel Red */
.bcolor4 { color: #ff595e; } /* Bright Coral */
.bcolor5 { color: #ff8c42; } /* Vibrant Orange */
.bcolor6 { color: #ffd6a5; } /* Peach */
.bcolor7 { color: #fdffb6; } /* Lemon Chiffon */
.bcolor8 { color: #e9ff70; } /* Electric Lime */
.bcolor9 { color: #caffbf; } /* Light Mint */
.bcolor10 { color: #9bf6ff; } /* Electric Blue */
.bcolor11 { color: #a0c4ff; } /* Soft Periwinkle */
.bcolor12 { color: #bdb2ff; } /* Lavender Blue */
.bcolor13 { color: #ffc6ff; } /* Bubblegum */
.bcolor14 { color: #fffffc; } /* Ivory */

/* High Saturation "Rainbow" Row */
.bcolor15 { color: #ff3333; } /* Pure Red */
.bcolor16 { color: #ff9100; } /* Pure Orange */
.bcolor17 { color: #ffff00; } /* Pure Yellow */
.bcolor18 { color: #00ff00; } /* Pure Green */
.bcolor19 { color: #00ffff; } /* Pure Cyan */
.bcolor20 { color: #0099ff; } /* Sky Blue */
.bcolor21 { color: #7a5cff; } /* Bright Violet */
.bcolor22 { color: #d400ff; } /* Neon Magenta */
.bcolor23 { color: #ff0077; } /* Rose */

/* Modern Muted Neons */
.bcolor24 { color: #99ffcc; } /* Seafoam */
.bcolor25 { color: #ccff33; } /* Chartreuse */
.bcolor26 { color: #f3c4fb; } /* Mauve */
.bcolor27 { color: #8187ff; } /* Slate Blue Light */
.bcolor28 { color: #ffcc99; } /* Apricot */

/* Greyscale/Metallic */
.bcolor29 { color: #f3f4f6; } /* Silver Light */
.bcolor30 { color: #d7e3ea; } /* Blue Grey Light */
.bcolor31 { color: #c3d4dd; } /* Steel Light */
.bcolor32 { color: #b4c9d6; } /* Slate Light */

/* basic name colors background - Matching the text colors above */
.bcback1 { background: #ffffff; }
.bcback2 { background: #ffe5ec; }
.bcback3 { background: #ffadad; }
.bcback4 { background: #ff595e; }
.bcback5 { background: #ff8c42; }
.bcback6 { background: #ffd6a5; }
.bcback7 { background: #fdffb6; }
.bcback8 { background: #e9ff70; }
.bcback9 { background: #caffbf; }
.bcback10 { background: #9bf6ff; }
.bcback11 { background: #a0c4ff; }
.bcback12 { background: #bdb2ff; }
.bcback13 { background: #ffc6ff; }
.bcback14 { background: #fffffc; }
.bcback15 { background: #ff3333; }
.bcback16 { background: #ff9100; }
.bcback17 { background: #ffff00; }
.bcback18 { background: #00ff00; }
.bcback19 { background: #00ffff; }
.bcback20 { background: #0099ff; }
.bcback21 { background: #7a5cff; }
.bcback22 { background: #d400ff; }
.bcback23 { background: #ff0077; }
.bcback24 { background: #99ffcc; }
.bcback25 { background: #ccff33; }
.bcback26 { background: #f3c4fb; }
.bcback27 { background: #8187ff; }
.bcback28 { background: #ffcc99; }
.bcback29 { background: #f3f4f6; }
.bcback30 { background: #d7e3ea; }
.bcback31 { background: #c3d4dd; }
.bcback32 { background: #b4c9d6; }




/* gradient colors */
.backgrad1,.bgrad1 { background: linear-gradient(to right,#40e0d0,#ff8c00, #ff0080);}
.backgrad2,.bgrad2 { background: linear-gradient(to right,#11998e,#38ef7d);}
.backgrad3,.bgrad3 { background: linear-gradient(to right,#fc466b,#3f5efb);}
.backgrad4,.bgrad4 { background: linear-gradient(to right,#00f260,#0575e6); }
.backgrad5,.bgrad5 { background: linear-gradient(to right,#fc4a1a,#f7b733); }
.backgrad6,.bgrad6 { background: linear-gradient(to right,#22c1c3,#fdbb2d);}
.backgrad7,.bgrad7 { background: linear-gradient(to right,#7f00ff,#e100ff);}
.backgrad8,.bgrad8 { background: linear-gradient(to right,#ee0979,#ff6a00); }
.backgrad9,.bgrad9 { background: linear-gradient(to right,#00c3ff,#ffff1c); }
.backgrad10,.bgrad10 { background: linear-gradient(to right,#fc00ff,#00dbde); }
.backgrad11,.bgrad11 { background: linear-gradient(to right,#833ab4,#fd1d1d, #fcb045);}
.backgrad12,.bgrad12 { background: linear-gradient(to right,#f5f7fa,#8fb7ff);}
.backgrad13,.bgrad13 { background: linear-gradient(to right,#d8e1ea,#7bb6ff);}
.backgrad14,.bgrad14 { background: linear-gradient(to right,#ff7fd1,#caa6ff);}
.backgrad15,.bgrad15 { background: linear-gradient(to right,#f953c6,#b91d73);}
.backgrad16,.bgrad16 { background: linear-gradient(to right,#dd3e54,#6be585);}
.backgrad17,.bgrad17 { background: linear-gradient(to right,#8360c3,#2ebf91);}
.backgrad18,.bgrad18 { background: linear-gradient(to right,#544a7d,#ffd452);}
.backgrad19,.bgrad19 { background: linear-gradient(to right,#009FFF,#ec2F4B);}
.backgrad20,.bgrad20 { background: linear-gradient(to right,#59C173,#a17fe0,#5D26C1);}
.backgrad21,.bgrad21 { background: linear-gradient(to right,#a8c0ff,#3f2b96);}
.backgrad22,.bgrad22 { background: linear-gradient(45deg, #FF0000 0%, #FFA600 50%, #ff0000 100%);}
.backgrad23,.bgrad23 { background: linear-gradient(to right,#108dc7,#ef8e38);}
.backgrad24,.bgrad24 { background: linear-gradient(to right,#FF0099,#0575E6); }
.backgrad25,.bgrad25 { background: linear-gradient(to right,#667db6,#0082c8,#ec38bc,#fdeff9); }
.backgrad26,.bgrad26 { background: linear-gradient(to right,#8f7cff,#cf6bff,#ff7fd1,#fff1fb); }
.backgrad27,.bgrad27 { background: linear-gradient(to right,#8aa4ff,#ff7f8a,#ffd67a);}
.backgrad28,.bgrad28 { background: linear-gradient(to right,#b18cff,#f2a0aa,#ffd0a8); }
.backgrad29,.bgrad29 { background: linear-gradient(to right,#ff8a8a,#ffd2d2); }
.backgrad30,.bgrad30 { background: linear-gradient(to right,#b884ff,#f1d4ff); }
.backgrad31,.bgrad31 { background: linear-gradient(to right,#7dffd0,#8bd3ff); }
.backgrad32,.bgrad32 { background: linear-gradient(to right,#f5f7fa,#a8c6ff); }
.backgrad33,.bgrad33 { background: linear-gradient(to right,#a80077,#66ff00); }
.backgrad34,.bgrad34 { background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);}
.backgrad35,.bgrad35 { background: linear-gradient(to top, #a241b7, #7f68d7, #5186e9, #1b9eef, #12b2eb);}
.backgrad36,.bgrad36 { background: linear-gradient(to bottom, #845EC2 0%, #D65DB1 0%, #FF6F91 51%, #FF9671 100%);}
.backgrad37,.bgrad37 { background: linear-gradient(to right, #FF0000, #FFF200, #1E9600); color: transparent; }
.backgrad38,.bgrad38 { background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%); }
.backgrad39,.bgrad39 { background: linear-gradient(to bottom, #6ab8ff, #68d6ff, #73f2da, #b8ff9f, #f4ff8a);}
.backgrad40,.bgrad40 { background: linear-gradient(45deg, #fff0b3 0%, #ffd36b 50%, #fff0b3 100%);}


.backgrad1,.bgrad1 { background: url("../images/flashtext/1.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad2,.bgrad2 { background: url("../images/flashtext/2.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad3,.bgrad3 { background: url("../images/flashtext/3.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad4,.bgrad4 { background: url("../images/flashtext/4.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad5,.bgrad5 { background: url("../images/flashtext/5.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad6,.bgrad6 { background: url("../images/flashtext/6.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad7,.bgrad7 { background: url("../images/flashtext/7.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad8,.bgrad8 { background: url("../images/flashtext/8.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad9,.bgrad9 { background: url("../images/flashtext/9.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad10,.bgrad10 { background: url("../images/flashtext/10.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.016em rgba(255,255,255,0.3); text-shadow:0 0 8px rgba(255,255,255,0.14); filter: brightness(1.2) saturate(1.1); }
.backgrad11,.bgrad11 { background: url("../images/flashtext/11.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad12,.bgrad12 { background: url("../images/flashtext/12.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad13,.bgrad13 { background: url("../images/flashtext/13.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad14,.bgrad14 { background: url("../images/flashtext/14.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad15,.bgrad15 { background: url("../images/flashtext/15.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad16,.bgrad16 { background: url("../images/flashtext/16.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad17,.bgrad17 { background: url("../images/flashtext/17.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad18,.bgrad18 { background: url("../images/flashtext/18.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad19,.bgrad19 { background: url("../images/flashtext/19.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad20,.bgrad20 { background: url("../images/flashtext/20.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad21,.bgrad21 { background: url("../images/flashtext/21.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad22,.bgrad22 { background: url("../images/flashtext/22.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad23,.bgrad23 {  background: url("../images/flashtext/23.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }
.backgrad24,.bgrad24 { background: url("../images/flashtext/24.gif"); background-size: 100% 100%; -webkit-text-stroke: 0.012em rgba(255,255,255,0.28); text-shadow:0 0 6px rgba(255,255,255,0.12); filter: brightness(1.18) saturate(1.08); }


/* special color */
.bgrad1, .bgrad2, .bgrad3, .bgrad4, .bgrad5, .bgrad6, .bgrad7, .bgrad8, .bgrad9, .bgrad10,
.bgrad11, .bgrad12, .bgrad13, .bgrad14, .bgrad15, .bgrad16, .bgrad17, .bgrad18, .bgrad19,
.bgrad20, .bgrad21, .bgrad22, .bgrad23, .bgrad24, .bgrad25, .bgrad26, .bgrad27, .bgrad28,
.bgrad29, .bgrad30, .bgrad31, .bgrad32, .bgrad33, .bgrad34, .bgrad35, .bgrad36, .bgrad37,
.bgrad38, .bgrad39, .bgrad40 {  color:transparent; -webkit-background-clip:text; background-clip:text; filter: brightness(1.08) saturate(1.06); }

/* basic name colors */
.bneon1 { color:#fff; text-shadow:1px 1px 1px #e60000, 1px 1px 3px #ff3333, 1px 1px 5px #ff3333; }
.bneon2 { color:#fff; text-shadow:1px 1px 1px #e63900, 1px 1px 3px #ff6633, 1px 1px 5px #ff6633; }
.bneon3 { color:#fff; text-shadow:1px 1px 1px #e67300, 1px 1px 3px #ff9933, 1px 1px 5px #ff9933; }
.bneon4 { color:#fff; text-shadow:1px 1px 1px #b38600, 1px 1px 3px #ffcc33, 1px 1px 5px #ffcc33; }
.bneon5 { color:#fff; text-shadow:1px 1px 1px #808000, 1px 1px 3px #cccc00, 1px 1px 5px #cccc00; }
.bneon6 { color:#fff; text-shadow:1px 1px 1px #739900, 1px 1px 3px #99cc00, 1px 1px 5px #99cc00; }
.bneon7 { color:#fff; text-shadow:1px 1px 1px #408000, 1px 1px 3px #59b300, 1px 1px 5px #59b300; }
.bneon8 { color:#fff; text-shadow:1px 1px 1px #637042, 1px 1px 3px #829356, 1px 1px 5px #829356; }
.bneon9 { color:#fff; text-shadow:1px 1px 1px #004d00, 1px 1px 3px #008000, 1px 1px 5px #008000; }
.bneon10 { color:#fff; text-shadow:1px 1px 1px #009926, 1px 1px 3px #00e639, 1px 1px 5px #00e639; }
.bneon11 { color:#fff; text-shadow:1px 1px 1px #00994d, 1px 1px 3px #00e673, 1px 1px 5px #00e673; }
.bneon12 { color:#fff; text-shadow:1px 1px 1px #009973, 1px 1px 3px #00e6ac, 1px 1px 5px #00e6ac; }
.bneon13 { color:#fff; text-shadow:1px 1px 1px #008080, 1px 1px 3px #00cccc, 1px 1px 5px #00cccc; }
.bneon14 { color:#fff; text-shadow:1px 1px 1px #027997, 1px 1px 3px #03add8, 1px 1px 5px #03add8; }
.bneon15 { color:#fff; text-shadow:1px 1px 1px #0040ff, 1px 1px 3px #3366ff, 1px 1px 5px #3366ff; }
.bneon16 { color:#fff; text-shadow:1px 1px 1px #0c5d73, 1px 1px 3px #107896, 1px 1px 5px #107896; }
.bneon17 { color:#fff; text-shadow:1px 1px 1px #003366, 1px 1px 3px #004d99, 1px 1px 5px #004d99; }
.bneon18 { color:#fff; text-shadow:1px 1px 1px #2d00b3, 1px 1px 3px #6633ff, 1px 1px 5px #6633ff; }
.bneon19 { color:#fff; text-shadow:1px 1px 1px #7300e6, 1px 1px 3px #9933ff, 1px 1px 5px #9933ff; }
.bneon20 { color:#fff; text-shadow:1px 1px 1px #ac00e6, 1px 1px 3px #cc33ff, 1px 1px 5px #cc33ff; }
.bneon21 { color:#fff; text-shadow:1px 1px 1px #cc00cc, 1px 1px 3px #ff33ff, 1px 1px 5px #ff33ff; }
.bneon22 { color:#fff; text-shadow:1px 1px 1px #e600ac, 1px 1px 3px #ff33cc, 1px 1px 5px #ff33cc; }
.bneon23 { color:#fff; text-shadow:1px 1px 1px #cc0066, 1px 1px 3px #ff3399, 1px 1px 5px #ff3399; }
.bneon24 { color:#fff; text-shadow:1px 1px 1px #e60039, 1px 1px 3px #ff3366, 1px 1px 5px #ff3366; }
.bneon25 { color:#fff; text-shadow:1px 1px 1px #8a6557, 1px 1px 3px #c2927d, 1px 1px 5px #e0b39c; }
.bneon26 { color:#fff; text-shadow:1px 1px 1px #9d7567, 1px 1px 3px #c69685, 1px 1px 5px #e6b5a1; }
.bneon27 { color:#fff; text-shadow:1px 1px 1px #b78979, 1px 1px 3px #dbac98, 1px 1px 5px #f0c6b4; }
.bneon28 { color:#fff; text-shadow:1px 1px 1px #c89a87, 1px 1px 3px #e4b9aa, 1px 1px 5px #f3d1c5; }
.bneon29 { color:#fff; text-shadow:1px 1px 1px #b0b0b0, 1px 1px 3px #d0d0d0, 1px 1px 5px #ececec; }
.bneon30 { color:#fff; text-shadow:1px 1px 1px #8ca8b5, 1px 1px 3px #b7ced9, 1px 1px 5px #dcebf2; }
.bneon31 { color:#fff; text-shadow:1px 1px 1px #7d9aaa, 1px 1px 3px #abc4d1, 1px 1px 5px #d6e5ed; }
.bneon32 { color:#fff; text-shadow:1px 1px 1px #6f8a98, 1px 1px 3px #9fb8c6, 1px 1px 5px #cfe0ea; }

/* basic name colors background */
.bnback1 { background:#ff3333; }
.bnback2 { background:#ff6633; }
.bnback3 { background:#ff9933; }
.bnback4 { background:#ffcc33; }
.bnback5 { background:#cccc00; }
.bnback6 { background:#99cc00; }
.bnback7 { background:#59b300; }
.bnback8 { background:#829356; }
.bnback9 { background:#008000; }
.bnback10 { background:#00e639; }
.bnback11 { background:#00e673; }
.bnback12 { background:#00e6ac; }
.bnback13 { background:#00cccc; }
.bnback14 { background:#03add8; }
.bnback15 { background:#3366ff; }
.bnback16 { background:#107896; }
.bnback17 { background:#004d99; }
.bnback18 { background:#6633ff; }
.bnback19 { background:#9933ff; }
.bnback20 { background:#cc33ff; }
.bnback21 { background:#ff33ff; }
.bnback22 { background:#ff33cc; }
.bnback23 { background:#ff3399; }
.bnback24 { background:#ff3366; }
.bnback25 { background:#c2927d; }
.bnback26 { background:#c69685; }
.bnback27 { background:#dbac98; }
.bnback28 { background:#e4b9aa; }
.bnback29 { background:#d0d0d0; }
.bnback30 { background:#b7ced9; }
.bnback31 { background:#abc4d1; }
.bnback32 { background:#9fb8c6; }
.bnback10 { background:#00e639; }
.bnback11 { background:#00e673; }
.bnback12 { background:#00e6ac; }
.bnback13 { background:#00cccc; }
.bnback14 { background:#03add8; }
.bnback15 { background:#3366ff; }
.bnback16 { background:#107896; }
.bnback17 { background:#004d99; }
.bnback18 { background:#6633ff; }
.bnback19 { background:#9933ff; }
.bnback20 { background:#cc33ff; }
.bnback21 { background:#ff33ff; }
.bnback22 { background:#ff33cc; }
.bnback23 { background:#ff3399; }
.bnback24 { background:#ff3366; }
.bnback25 { background:#604439; }
.bnback26 { background:#795548; }
.bnback27 { background:#a97f70; }
.bnback28 { background:#bc9b8f; }
.bnback29 { background:#9E9E9E; }
.bnback30 { background:#879fab; }
.bnback31 { background:#698796; }
.bnback32 { background:#495f69; }