.bubcolor1 { background:#FF404C; }
.bubcolor2 { background:#FF4681; }
.bubcolor3 { background:#391285; }
.bubcolor4 { background:#FD5240; }
.bubcolor5 { background:#828E84; }
.bubcolor6 { background:#B05C52; }
.bubcolor7 { background:#C53151; }
.bubcolor8 { background:#ED0A3F; }
.bubcolor9 { background:#01786F; }
.bubcolor10 { background:#AF593E; }
.bubcolor11 { background:#29AB87; }
.bubcolor12 { background:#C62D42; }
.bubcolor13 { background:#FC80A5; }
.bubcolor14 { background:#B56917; }
.bubcolor15 { background:#832A0D; }
.bubcolor16 { background:#2D5DA1; }
.bubcolor17 { background:#AA4069; }
.bubcolor18 { background:#BD559C; }
.bubcolor19 { background:#B07080; }
.bubcolor20 { background:#ABAD48; }
.bubcolor21 { background:#353839; }
.bubcolor22 { background:#3AA8C1; }
.bubcolor23 { background:#469496; }
.bubcolor24 { background:#436CB9; }
.bubcolor25 { background:#D05340; }
.bubcolor26 { background:#469A84; }
.bubcolor27 { background:#14A989; }
.bubcolor28 { background:#933709; }
.bubcolor29 { background:#64609A; }
.bubcolor30 { background:#FC5A8D; }
.bubcolor31 { background:#FF5050; }
.bubcolor32 { background:#45A27D; }
.bubcolor33 { background:#FF8866; }
.bubcolor34 { background:#214FC6; }
.bubcolor35 { background:#DB91EF; }
.bubcolor36 { background:#253529; }
.bubcolor37 { background:#DA614E; }
.bubcolor38 { background:#6F2DA8; }
.bubcolor39 { background:#9B7653; }
.bubcolor40 { background:#DA2647; }
.bubcolor41 { background:#56887D; }
.bubcolor42 { background:#8A496B; }
.bubcolor43 { background:#5F8A8B; }
.bubcolor44 { background:#5FA778; }
.bubcolor45 { background:#778BA5; }
.bubcolor46 { background:#DA2C43; }
.bubcolor47 { background:#9E5E6F; }
.bubcolor48 { background:#5DA493; }
.bubcolor49 { background:#8BA8B7; }
.bubcolor50 { background:#B768A2; }
.bubcolor51 { background:#AD4379; }
.bubcolor52 { background:#BBB477; }
.bubcolor53 { background:#AE98AA; }
.bubcolor54 { background:#676767; }
.bubcolor55 { background:#AD6F69; }
.bubcolor56 { background:#CD607E; }
.bubcolor57 { background:#8D4E85; }
.bubcolor58 { background:#4A646C; }
.bubcolor59 { background:#58427C; }
.bubcolor60 { background:#A57164; }
.bubcolor61 { background:#BF4F51; }
.bubcolor62 { background:#9C2542; }
.bubcolor63 { background:#C46210; }
.bubcolor64 { background:#E936A7; }
.bubcolor65 { background:#FF007C; }
.bubcolor66 { background:#FFDF00; }
.bubcolor67 { background:#FF5470; }
.bubcolor68 { background:#9C51B6; }
.bubcolor69 { background:#FF00CC; }
.bubcolor70 { background:#EE34D2; }
.bubcolor71 { background:#DA3287; }
.bubcolor72 { background:#A63A79; }
.bubcolor73 { background:#8E3179; }
.bubcolor74 { background:#766EC8; }
.bubcolor75 { background:#0066FF; }
.bubcolor76 { background:#008080; }
.bubcolor77 { background:#00755E; }
.bubcolor78 { background:#3AA655; }
.bubcolor79 { background:#B5B35C; }
.bubcolor80 { background:#E667CE; }
.bubcolor81 { background:#F653A6; }
.bubcolor82 { background:#F7468A; }
.bubcolor83 { background:#feb308; }
.bubcolor84 { background:#706c11; }



/* 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);
}