.bubcolor1 { color:#ff3333; }
.bubcolor2 { color:#ff6633; }
.bubcolor3 { color:#ff9933; }
.bubcolor4 { color:#ffcc33; }
.bubcolor5 { color:#cccc00; }
.bubcolor6 { color:#99cc00; }
.bubcolor7 { color:#59b300; }
.bubcolor8 { color:#829356; }
.bubcolor9 { color:#008000; }
.bubcolor10 { color:#00e639; }
.bubcolor11 { color:#00e673; }
.bubcolor12 { color:#00e6ac; }
.bubcolor13 { color:#00cccc; }
.bubcolor14 { color:#03add8; }
.bubcolor15 { color:#3366ff; }
.bubcolor16 { color:#107896; }
.bubcolor17 { color:#004d99; }
.bubcolor18 { color:#6633ff; }
.bubcolor19 { color:#9933ff; }
.bubcolor20 { color:#cc33ff; }
.bubcolor21 { color:#ff33ff; }
.bubcolor22 { color:#ff33cc; }
.bubcolor23 { color:#ff3399; }
.bubcolor24 { color:#ff3366; }
.bubcolor25 { color:#604439; }
.bubcolor26 { color:#795548; }
.bubcolor27 { color:#a97f70; }
.bubcolor28 { color:#bc9b8f; }
.bubcolor29 { color:#9E9E9E; }
.bubcolor30 { color:#879fab; }
.bubcolor31 { color:#698796; }
.bubcolor32 { color:#495f69; }


/* bubble gradient */
.bubgrad1 { color: linear-gradient(90deg, #667eea, #764ba2); }
.bubgrad2 { color: linear-gradient(90deg, #f093fb, #f5576c); }
.bubgrad3 { color: linear-gradient(90deg, #4facfe, #00f2fe); }
.bubgrad4 { color: linear-gradient(90deg, #43e97b, #38f9d7); }
.bubgrad5 { color: linear-gradient(90deg, #fa709a, #fee140); }
.bubgrad6 { color: linear-gradient(90deg, #ff9a56, #ff6b9d); }
.bubgrad7 { color: linear-gradient(90deg, #c471f5, #fa71cd); }
.bubgrad8 { color: linear-gradient(90deg, #12c2e9, #c471ed); }
.bubgrad9 { color: linear-gradient(90deg, #f64f59, #c471ed); }
.bubgrad10 { color: linear-gradient(90deg, #24fe41, #fdbb2d); }
.bubgrad11 { color: linear-gradient(45deg, #ff0844, #ffb199); }
.bubgrad12 { color: linear-gradient(45deg, #00d2ff, #3a7bd5); }
.bubgrad13 { color: linear-gradient(45deg, #f953c6, #b91d73); }
.bubgrad14 { color: linear-gradient(45deg, #36d1dc, #5b86e5); }
.bubgrad15 { color: linear-gradient(45deg, #ff9068, #fd746c); }
.bubgrad16 { color: linear-gradient(45deg, #667eea, #764ba2); }
.bubgrad17 { color: linear-gradient(45deg, #f093fb, #f5576c); }
.bubgrad18 { color: linear-gradient(45deg, #4facfe, #00f2fe); }
.bubgrad19 { color: linear-gradient(45deg, #43e97b, #38f9d7); }
.bubgrad20 { color: linear-gradient(45deg, #fa709a, #fee140); }
.bubgrad21 { color: linear-gradient(90deg, #ff5f6d, #ffc371); }
.bubgrad22 { color: linear-gradient(90deg, #36d1dc, #ff6b6b); }
.bubgrad23 { color: linear-gradient(90deg, #11998e, #38ef7d); }
.bubgrad24 { color: linear-gradient(90deg, #ee0979, #ff6a00); }
.bubgrad25 { color: linear-gradient(90deg, #fc5c7d, #6a82fb); }
.bubgrad26 { color: linear-gradient(90deg, #8360c3, #2ebf91); }
.bubgrad27 { color: linear-gradient(90deg, #ff9966, #ff5e62); }
.bubgrad28 { color: linear-gradient(90deg, #56ccf2, #2f80ed); }
.bubgrad29 { color: linear-gradient(90deg, #e96443, #904e95); }
.bubgrad30 { color: linear-gradient(90deg, #f7971e, #ffd200); }
.bubgrad31 { color: linear-gradient(45deg, #00c6ff, #0072ff); }
.bubgrad32 { color: linear-gradient(45deg, #7f00ff, #e100ff); }
.bubgrad33 { color: linear-gradient(45deg, #ff416c, #ff4b2b); }
.bubgrad34 { color: linear-gradient(45deg, #00b09b, #96c93d); }
.bubgrad35 { color: linear-gradient(45deg, #ff6a00, #ee0979); }
.bubgrad36 { color: linear-gradient(45deg, #43cea2, #185a9d); }
.bubgrad37 { color: linear-gradient(45deg, #c33764, #1d2671); }
.bubgrad38 { color: linear-gradient(45deg, #da4453, #89216b); }
.bubgrad39 { color: linear-gradient(45deg, #06beb6, #48b1bf); }
.bubgrad40 { color: linear-gradient(45deg, #f12711, #f5af19); }

/* bubble neon */
.bubneon1 { color: linear-gradient(90deg, #667eea, #764ba2); text-shadow:0 0 8px #a18cff; }
.bubneon2 { color: linear-gradient(90deg, #f093fb, #f5576c); text-shadow:0 0 8px #ffb6ff; }
.bubneon3 { color: linear-gradient(90deg, #4facfe, #00f2fe); text-shadow:0 0 8px #7eefff; }
.bubneon4 { color: linear-gradient(90deg, #43e97b, #38f9d7); text-shadow:0 0 8px #8cffd9; }
.bubneon5 { color: linear-gradient(90deg, #fa709a, #fee140); text-shadow:0 0 8px #ffd580; }
.bubneon6 { color: linear-gradient(90deg, #ff9a56, #ff6b9d); text-shadow:0 0 8px #ffb38c; }
.bubneon7 { color: linear-gradient(90deg, #c471f5, #fa71cd); text-shadow:0 0 8px #e3b0ff; }
.bubneon8 { color: linear-gradient(90deg, #12c2e9, #c471ed); text-shadow:0 0 8px #9fe2ff; }
.bubneon9 { color: linear-gradient(90deg, #f64f59, #c471ed); text-shadow:0 0 8px #ff99d9; }
.bubneon10 { color: linear-gradient(90deg, #24fe41, #fdbb2d); text-shadow:0 0 8px #d2ff9c; }
.bubneon11 { color: linear-gradient(45deg, #ff0844, #ffb199); text-shadow:0 0 8px #ff7ab3; }
.bubneon12 { color: linear-gradient(45deg, #00d2ff, #3a7bd5); text-shadow:0 0 8px #66e0ff; }
.bubneon13 { color: linear-gradient(45deg, #f953c6, #b91d73); text-shadow:0 0 8px #ff88f5; }
.bubneon14 { color: linear-gradient(45deg, #36d1dc, #5b86e5); text-shadow:0 0 8px #80e0ff; }
.bubneon15 { color: linear-gradient(45deg, #ff9068, #fd746c); text-shadow:0 0 8px #ffb199; }
.bubneon16 { color: linear-gradient(45deg, #667eea, #764ba2); text-shadow:0 0 8px #a18cff; }
.bubneon17 { color: linear-gradient(45deg, #f093fb, #f5576c); text-shadow:0 0 8px #ffb6ff; }
.bubneon18 { color: linear-gradient(45deg, #4facfe, #00f2fe); text-shadow:0 0 8px #7eefff; }
.bubneon19 { color: linear-gradient(45deg, #43e97b, #38f9d7); text-shadow:0 0 8px #8cffd9; }
.bubneon20 { color: linear-gradient(45deg, #fa709a, #fee140); text-shadow:0 0 8px #ffd580; }
.bubneon21 { color: linear-gradient(90deg, #ff5f6d, #ffc371); text-shadow:0 0 8px #ffd1a3; }
.bubneon22 { color: linear-gradient(90deg, #36d1dc, #ff6b6b); text-shadow:0 0 8px #9ff5f0; }
.bubneon23 { color: linear-gradient(90deg, #11998e, #38ef7d); text-shadow:0 0 8px #77ffbf; }
.bubneon24 { color: linear-gradient(90deg, #ee0979, #ff6a00); text-shadow:0 0 8px #ff85b3; }
.bubneon25 { color: linear-gradient(90deg, #fc5c7d, #6a82fb); text-shadow:0 0 8px #c9a9ff; }
.bubneon26 { color: linear-gradient(90deg, #8360c3, #2ebf91); text-shadow:0 0 8px #9bf6d5; }
.bubneon27 { color: linear-gradient(90deg, #ff9966, #ff5e62); text-shadow:0 0 8px #ffb199; }
.bubneon28 { color: linear-gradient(90deg, #56ccf2, #2f80ed); text-shadow:0 0 8px #9fd4ff; }
.bubneon29 { color: linear-gradient(90deg, #e96443, #904e95); text-shadow:0 0 8px #f7a0c2; }
.bubneon30 { color: linear-gradient(90deg, #f7971e, #ffd200); text-shadow:0 0 8px #ffe680; }
.bubneon31 { color: linear-gradient(45deg, #00c6ff, #0072ff); text-shadow:0 0 8px #66d6ff; }
.bubneon32 { color: linear-gradient(45deg, #7f00ff, #e100ff); text-shadow:0 0 8px #d780ff; }
.bubneon33 { color: linear-gradient(45deg, #ff416c, #ff4b2b); text-shadow:0 0 8px #ff9a80; }
.bubneon34 { color: linear-gradient(45deg, #00b09b, #96c93d); text-shadow:0 0 8px #a8ff9f; }
.bubneon35 { color: linear-gradient(45deg, #ff6a00, #ee0979); text-shadow:0 0 8px #ff9abb; }
.bubneon36 { color: linear-gradient(45deg, #43cea2, #185a9d); text-shadow:0 0 8px #7be2ff; }
.bubneon37 { color: linear-gradient(45deg, #c33764, #1d2671); text-shadow:0 0 8px #e06699; }
.bubneon38 { color: linear-gradient(45deg, #da4453, #89216b); text-shadow:0 0 8px #ff8ca6; }
.bubneon39 { color: linear-gradient(45deg, #06beb6, #48b1bf); text-shadow:0 0 8px #7dfcff; }
.bubneon40 { color: linear-gradient(45deg, #f12711, #f5af19); text-shadow:0 0 8px #ffb866; }

/*.bubcolor1, .bubcolor2, .bubcolor3, .bubcolor4, .bubcolor5, .bubcolor6, .bubcolor7, .bubcolor8, .bubcolor9, .bubcolor10,
.bubcolor11, .bubcolor12, .bubcolor13, .bubcolor14, .bubcolor15, .bubcolor16, .bubcolor17, .bubcolor18, .bubcolor19, .bubcolor20,
.bubcolor21, .bubcolor22, .bubcolor23, .bubcolor24, .bubcolor25, .bubcolor26, .bubcolor27, .bubcolor28, .bubcolor29, .bubcolor30,
.bubcolor31, .bubcolor32,
.bubgrad1, .bubgrad2, .bubgrad3, .bubgrad4, .bubgrad5, .bubgrad6, .bubgrad7, .bubgrad8, .bubgrad9, .bubgrad10,
.bubgrad11, .bubgrad12, .bubgrad13, .bubgrad14, .bubgrad15, .bubgrad16, .bubgrad17, .bubgrad18, .bubgrad19, .bubgrad20,
.bubgrad21, .bubgrad22, .bubgrad23, .bubgrad24, .bubgrad25, .bubgrad26, .bubgrad27, .bubgrad28, .bubgrad29, .bubgrad30,
.bubgrad31, .bubgrad32, .bubgrad33, .bubgrad34, .bubgrad35, .bubgrad36, .bubgrad37, .bubgrad38, .bubgrad39, .bubgrad40,
.bubneon1, .bubneon2, .bubneon3, .bubneon4, .bubneon5, .bubneon6, .bubneon7, .bubneon8, .bubneon9, .bubneon10,
.bubneon11, .bubneon12, .bubneon13, .bubneon14, .bubneon15, .bubneon16, .bubneon17, .bubneon18, .bubneon19, .bubneon20,
.bubneon21, .bubneon22, .bubneon23, .bubneon24, .bubneon25, .bubneon26, .bubneon27, .bubneon28, .bubneon29, .bubneon30,
.bubneon31, .bubneon32, .bubneon33, .bubneon34, .bubneon35, .bubneon36, .bubneon37, .bubneon38, .bubneon39, .bubneon40 {
  color:#fff;
  text-shadow:0 0 3px rgba(0,0,0,0.5);
}*/

.bubcolor1-preview { background:#ff3333; }
.bubcolor2-preview { background:#ff6633; }
.bubcolor3-preview { background:#ff9933; }
.bubcolor4-preview { background:#ffcc33; }
.bubcolor5-preview { background:#cccc00; }
.bubcolor6-preview { background:#99cc00; }
.bubcolor7-preview { background:#59b300; }
.bubcolor8-preview { background:#829356; }
.bubcolor9-preview { background:#008000; }
.bubcolor10-preview { background:#00e639; }
.bubcolor11-preview { background:#00e673; }
.bubcolor12-preview { background:#00e6ac; }
.bubcolor13-preview { background:#00cccc; }
.bubcolor14-preview { background:#03add8; }
.bubcolor15-preview { background:#3366ff; }
.bubcolor16-preview { background:#107896; }
.bubcolor17-preview { background:#004d99; }
.bubcolor18-preview { background:#6633ff; }
.bubcolor19-preview { background:#9933ff; }
.bubcolor20-preview { background:#cc33ff; }
.bubcolor21-preview { background:#ff33ff; }
.bubcolor22-preview { background:#ff33cc; }
.bubcolor23-preview { background:#ff3399; }
.bubcolor24-preview { background:#ff3366; }
.bubcolor25-preview { background:#604439; }
.bubcolor26-preview { background:#795548; }
.bubcolor27-preview { background:#a97f70; }
.bubcolor28-preview { background:#bc9b8f; }
.bubcolor29-preview { background:#9E9E9E; }
.bubcolor30-preview { background:#879fab; }
.bubcolor31-preview { background:#698796; }
.bubcolor32-preview { background:#495f69; }


/* bubble gradient */
.bubgrad1-preview { background: linear-gradient(90deg, #667eea, #764ba2); }
.bubgrad2-preview { background: linear-gradient(90deg, #f093fb, #f5576c); }
.bubgrad3-preview { background: linear-gradient(90deg, #4facfe, #00f2fe); }
.bubgrad4-preview { background: linear-gradient(90deg, #43e97b, #38f9d7); }
.bubgrad5-preview { background: linear-gradient(90deg, #fa709a, #fee140); }
.bubgrad6-preview { background: linear-gradient(90deg, #ff9a56, #ff6b9d); }
.bubgrad7-preview { background: linear-gradient(90deg, #c471f5, #fa71cd); }
.bubgrad8-preview { background: linear-gradient(90deg, #12c2e9, #c471ed); }
.bubgrad9-preview { background: linear-gradient(90deg, #f64f59, #c471ed); }
.bubgrad10-preview { background: linear-gradient(90deg, #24fe41, #fdbb2d); }
.bubgrad11-preview { background: linear-gradient(45deg, #ff0844, #ffb199); }
.bubgrad12-preview { background: linear-gradient(45deg, #00d2ff, #3a7bd5); }
.bubgrad13-preview { background: linear-gradient(45deg, #f953c6, #b91d73); }
.bubgrad14-preview { background: linear-gradient(45deg, #36d1dc, #5b86e5); }
.bubgrad15-preview { background: linear-gradient(45deg, #ff9068, #fd746c); }
.bubgrad16-preview { background: linear-gradient(45deg, #667eea, #764ba2); }
.bubgrad17-preview { background: linear-gradient(45deg, #f093fb, #f5576c); }
.bubgrad18-preview { background: linear-gradient(45deg, #4facfe, #00f2fe); }
.bubgrad19-preview { background: linear-gradient(45deg, #43e97b, #38f9d7); }
.bubgrad20-preview { background: linear-gradient(45deg, #fa709a, #fee140); }
.bubgrad21-preview { background: linear-gradient(90deg, #ff5f6d, #ffc371); }
.bubgrad22-preview { background: linear-gradient(90deg, #36d1dc, #ff6b6b); }
.bubgrad23-preview { background: linear-gradient(90deg, #11998e, #38ef7d); }
.bubgrad24-preview { background: linear-gradient(90deg, #ee0979, #ff6a00); }
.bubgrad25-preview { background: linear-gradient(90deg, #fc5c7d, #6a82fb); }
.bubgrad26-preview { background: linear-gradient(90deg, #8360c3, #2ebf91); }
.bubgrad27-preview { background: linear-gradient(90deg, #ff9966, #ff5e62); }
.bubgrad28-preview { background: linear-gradient(90deg, #56ccf2, #2f80ed); }
.bubgrad29-preview { background: linear-gradient(90deg, #e96443, #904e95); }
.bubgrad30-preview { background: linear-gradient(90deg, #f7971e, #ffd200); }
.bubgrad31-preview { background: linear-gradient(45deg, #00c6ff, #0072ff); }
.bubgrad32-preview { background: linear-gradient(45deg, #7f00ff, #e100ff); }
.bubgrad33-preview { background: linear-gradient(45deg, #ff416c, #ff4b2b); }
.bubgrad34-preview { background: linear-gradient(45deg, #00b09b, #96c93d); }
.bubgrad35-preview { background: linear-gradient(45deg, #ff6a00, #ee0979); }
.bubgrad36-preview { background: linear-gradient(45deg, #43cea2, #185a9d); }
.bubgrad37-preview { background: linear-gradient(45deg, #c33764, #1d2671); }
.bubgrad38-preview { background: linear-gradient(45deg, #da4453, #89216b); }
.bubgrad39-preview { background: linear-gradient(45deg, #06beb6, #48b1bf); }
.bubgrad40-preview { background: linear-gradient(45deg, #f12711, #f5af19); }

/* bubble neon */
.bubneon1-preview { background: linear-gradient(90deg, #667eea, #764ba2); box-shadow:0 0 8px #a18cff; }
.bubneon2-preview { background: linear-gradient(90deg, #f093fb, #f5576c); box-shadow:0 0 8px #ffb6ff; }
.bubneon3-preview { background: linear-gradient(90deg, #4facfe, #00f2fe); box-shadow:0 0 8px #7eefff; }
.bubneon4-preview { background: linear-gradient(90deg, #43e97b, #38f9d7); box-shadow:0 0 8px #8cffd9; }
.bubneon5-preview { background: linear-gradient(90deg, #fa709a, #fee140); box-shadow:0 0 8px #ffd580; }
.bubneon6-preview { background: linear-gradient(90deg, #ff9a56, #ff6b9d); box-shadow:0 0 8px #ffb38c; }
.bubneon7-preview { background: linear-gradient(90deg, #c471f5, #fa71cd); box-shadow:0 0 8px #e3b0ff; }
.bubneon8-preview { background: linear-gradient(90deg, #12c2e9, #c471ed); box-shadow:0 0 8px #9fe2ff; }
.bubneon9-preview { background: linear-gradient(90deg, #f64f59, #c471ed); box-shadow:0 0 8px #ff99d9; }
.bubneon10-preview { background: linear-gradient(90deg, #24fe41, #fdbb2d); box-shadow:0 0 8px #d2ff9c; }
.bubneon11-preview { background: linear-gradient(45deg, #ff0844, #ffb199); box-shadow:0 0 8px #ff7ab3; }
.bubneon12-preview { background: linear-gradient(45deg, #00d2ff, #3a7bd5); box-shadow:0 0 8px #66e0ff; }
.bubneon13-preview { background: linear-gradient(45deg, #f953c6, #b91d73); box-shadow:0 0 8px #ff88f5; }
.bubneon14-preview { background: linear-gradient(45deg, #36d1dc, #5b86e5); box-shadow:0 0 8px #80e0ff; }
.bubneon15-preview { background: linear-gradient(45deg, #ff9068, #fd746c); box-shadow:0 0 8px #ffb199; }
.bubneon16-preview { background: linear-gradient(45deg, #667eea, #764ba2); box-shadow:0 0 8px #a18cff; }
.bubneon17-preview { background: linear-gradient(45deg, #f093fb, #f5576c); box-shadow:0 0 8px #ffb6ff; }
.bubneon18-preview { background: linear-gradient(45deg, #4facfe, #00f2fe); box-shadow:0 0 8px #7eefff; }
.bubneon19-preview { background: linear-gradient(45deg, #43e97b, #38f9d7); box-shadow:0 0 8px #8cffd9; }
.bubneon20-preview { background: linear-gradient(45deg, #fa709a, #fee140); box-shadow:0 0 8px #ffd580; }
.bubneon21-preview { background: linear-gradient(90deg, #ff5f6d, #ffc371); box-shadow:0 0 8px #ffd1a3; }
.bubneon22-preview { background: linear-gradient(90deg, #36d1dc, #ff6b6b); box-shadow:0 0 8px #9ff5f0; }
.bubneon23-preview { background: linear-gradient(90deg, #11998e, #38ef7d); box-shadow:0 0 8px #77ffbf; }
.bubneon24-preview { background: linear-gradient(90deg, #ee0979, #ff6a00); box-shadow:0 0 8px #ff85b3; }
.bubneon25-preview { background: linear-gradient(90deg, #fc5c7d, #6a82fb); box-shadow:0 0 8px #c9a9ff; }
.bubneon26-preview { background: linear-gradient(90deg, #8360c3, #2ebf91); box-shadow:0 0 8px #9bf6d5; }
.bubneon27-preview { background: linear-gradient(90deg, #ff9966, #ff5e62); box-shadow:0 0 8px #ffb199; }
.bubneon28-preview { background: linear-gradient(90deg, #56ccf2, #2f80ed); box-shadow:0 0 8px #9fd4ff; }
.bubneon29-preview { background: linear-gradient(90deg, #e96443, #904e95); box-shadow:0 0 8px #f7a0c2; }
.bubneon30-preview { background: linear-gradient(90deg, #f7971e, #ffd200); box-shadow:0 0 8px #ffe680; }
.bubneon31-preview { background: linear-gradient(45deg, #00c6ff, #0072ff); box-shadow:0 0 8px #66d6ff; }
.bubneon32-preview { background: linear-gradient(45deg, #7f00ff, #e100ff); box-shadow:0 0 8px #d780ff; }
.bubneon33-preview { background: linear-gradient(45deg, #ff416c, #ff4b2b); box-shadow:0 0 8px #ff9a80; }
.bubneon34-preview { background: linear-gradient(45deg, #00b09b, #96c93d); box-shadow:0 0 8px #a8ff9f; }
.bubneon35-preview { background: linear-gradient(45deg, #ff6a00, #ee0979); box-shadow:0 0 8px #ff9abb; }
.bubneon36-preview { background: linear-gradient(45deg, #43cea2, #185a9d); box-shadow:0 0 8px #7be2ff; }
.bubneon37-preview { background: linear-gradient(45deg, #c33764, #1d2671); box-shadow:0 0 8px #e06699; }
.bubneon38-preview { background: linear-gradient(45deg, #da4453, #89216b); box-shadow:0 0 8px #ff8ca6; }
.bubneon39-preview { background: linear-gradient(45deg, #06beb6, #48b1bf); box-shadow:0 0 8px #7dfcff; }
.bubneon40-preview { background: linear-gradient(45deg, #f12711, #f5af19); box-shadow:0 0 8px #ffb866; }