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


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

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