.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(180deg, #0532fc, #530382); }
.bubgrad2 { background: radial-gradient(circle, hsla(319, 100%, 66%, 1) 42%, hsla(0, 0%, 0%, 1) 61%); }
.bubgrad3 { background: linear-gradient(90deg, #04063d, #00f2fe); }
.bubgrad4 { background: linear-gradient(90deg, #01240d, #02f006); }
.bubgrad5 { background: linear-gradient(90deg, #d42258, #fcd705); }
.bubgrad6 { background: linear-gradient(90deg, #fc6703, #ff6b9d); }
.bubgrad7 { background: linear-gradient(90deg, #220e2e, #fa71cd); }
.bubgrad8 { background: radial-gradient(circle, hsla(229, 96%, 49%, 1) 0%, hsla(249, 100%, 1%, 1) 66%); }
.bubgrad9 { background: linear-gradient(90deg, #a8020c, #000); }
.bubgrad10 { background: linear-gradient(90deg, #0aad20, #faab02); }
.bubgrad11 { background: linear-gradient(45deg, #470112, #ffb199); }
.bubgrad12 { background: linear-gradient(45deg, #00d2ff, #0212bf); }
.bubgrad13 { background: linear-gradient(45deg, #f953c6, #910151); }
.bubgrad14 { background: linear-gradient(45deg, #000, #5b86e5); }
.bubgrad15 { background: linear-gradient(45deg, #9c0402, #fc6f03); }
.bubgrad16 { background: linear-gradient(45deg, #0532fc, #530382); }
.bubgrad17 { background: linear-gradient(45deg, #f093fb, #db001d); }
.bubgrad18 { background: linear-gradient(45deg, #04063d, #00f2fe); }
.bubgrad19 { background: radial-gradient(circle, hsla(117, 96%, 37%, 1) 0%, hsla(0, 0%, 3%, 1) 71%); }
.bubgrad20 { background: linear-gradient(45deg, #d42258, #fcd705); }
.bubgrad21 { background: linear-gradient(90deg, #fcf403, #09013d); }
.bubgrad22 { background: radial-gradient(circle, hsla(0, 98%, 44%, 1) 0%, hsla(0, 0%, 3%, 1) 71%); }
.bubgrad23 { background: linear-gradient(90deg, #11998e, #4f0269); }
.bubgrad24 { background: linear-gradient(90deg, #000, #ff6a00); }
.bubgrad25 { background: linear-gradient(90deg, #e3398b, #212952); }
.bubgrad26 { background: linear-gradient(90deg, #8360c3, #2ebf91); }
.bubgrad27 { background: linear-gradient(90deg, #f05102, #140f40); }
.bubgrad28 { background: linear-gradient(90deg, #56ccf2, #000); }
.bubgrad29 { background: linear-gradient(90deg, #e96443, #91029c); }
.bubgrad30 { background: linear-gradient(90deg, #f58a02, #756101); }
.bubgrad31 { background: linear-gradient(45deg, #017501, #0072ff); }
.bubgrad32 { background: radial-gradient(circle, hsla(283, 96%, 49%, 1) 0%, hsla(249, 100%, 1%, 1) 66%); }
.bubgrad33 { background: radial-gradient(circle, hsla(23, 96%, 49%, 1) 45%, hsla(0, 98%, 38%, 1) 69%); }
.bubgrad34 { background: linear-gradient(45deg, #00b09b, #96c93d); }
.bubgrad35 { background: linear-gradient(45deg, #ff6a00, #000); }
.bubgrad36 { background: radial-gradient(circle, hsla(177, 95%, 49%, 1) 0%, hsla(244, 97%, 23%, 1) 64%); }
.bubgrad37 { background: linear-gradient(45deg, #c902a2, #22c4f5); }
.bubgrad38 { background: linear-gradient(270deg, hsla(319, 100%, 66%, 1) 16%, hsla(0, 0%, 1%, 1) 79%); }
.bubgrad39 { background: linear-gradient(45deg, #be0606, #48b1bf); }
.bubgrad40 { background: linear-gradient(45deg, #f569db, #f5af19); }

/* bubble neon */
.bubneon1 { background: linear-gradient(180deg, #0532fc, #530382); box-shadow:0 0 8px #a18cff; }
.bubneon2 { background: radial-gradient(circle, hsla(319, 100%, 66%, 1) 42%, hsla(0, 0%, 0%, 1) 61%); box-shadow:0 0 8px #FF51C8; }
.bubneon3 { background: linear-gradient(90deg, #04063d, #00f2fe); box-shadow:0 0 8px #7eefff; }
.bubneon4 { background: linear-gradient(90deg, #01240d, #02f006); box-shadow:0 0 8px #8cffd9; }
.bubneon5 { background: linear-gradient(90deg, #d42258, #fcd705); box-shadow:0 0 8px #ffd580; }
.bubneon6 { background: linear-gradient(90deg, #fc6703, #ff6b9d); box-shadow:0 0 8px #ffb38c; }
.bubneon7 { background: linear-gradient(90deg, #220e2e, #fa71cd); box-shadow:0 0 8px #e3b0ff; }
.bubneon8 { background: radial-gradient(circle, hsla(229, 96%, 49%, 1) 0%, hsla(249, 100%, 1%, 1) 66%); box-shadow:0 0 8px #0531F5; }
.bubneon9 { background: linear-gradient(90deg, #a8020c, #000); box-shadow:0 0 8px #ff99d9; }
.bubneon10 { background: linear-gradient(90deg, #0aad20, #faab02); box-shadow:0 0 8px #d2ff9c; }
.bubneon11 { background: linear-gradient(45deg, #470112, #ffb199); box-shadow:0 0 8px #ff7ab3; }
.bubneon12 { background: linear-gradient(45deg, #00d2ff, #0212bf); box-shadow:0 0 8px #66e0ff; }
.bubneon13 { background: linear-gradient(45deg, #f953c6, #910151); box-shadow:0 0 8px #ff88f5; }
.bubneon14 { background: linear-gradient(45deg, #000, #5b86e5); box-shadow:0 0 8px #80e0ff; }
.bubneon15 { background: linear-gradient(45deg, #9c0402, #fc6f03); box-shadow:0 0 8px #ffb199; }
.bubneon16 { background: linear-gradient(45deg, #0532fc, #530382); box-shadow:0 0 8px #a18cff; }
.bubneon17 { background: linear-gradient(45deg, #f093fb, #db001d); box-shadow:0 0 8px #ffb6ff; }
.bubneon18 { background: linear-gradient(45deg, #04063d, #00f2fe); box-shadow:0 0 8px #7eefff; }
.bubneon19 { background: radial-gradient(circle, hsla(117, 96%, 37%, 1) 0%, hsla(0, 0%, 3%, 1) 71%); box-shadow:0 0 8px #07ed13; }
.bubneon20 { background: linear-gradient(45deg, #d42258, #fcd705); box-shadow:0 0 8px #ffd580; }
.bubneon21 { background: linear-gradient(90deg, #fcf403, #09013d); box-shadow:0 0 8px #ffd1a3; }
.bubneon22 { background: radial-gradient(circle, hsla(0, 98%, 44%, 1) 0%, hsla(0, 0%, 3%, 1) 71%); box-shadow:0 0 8px #ff2929; }
.bubneon23 { background: linear-gradient(90deg, #11998e, #4f0269); box-shadow:0 0 8px #77ffbf; }
.bubneon24 { background: linear-gradient(90deg, #000, #ff6a00); box-shadow:0 0 8px #ff85b3; }
.bubneon25 { background: linear-gradient(90deg, #e3398b, #212952); box-shadow:0 0 8px #c9a9ff; }
.bubneon26 { background: linear-gradient(90deg, #8360c3, #2ebf91); box-shadow:0 0 8px #9bf6d5; }
.bubneon27 { background: linear-gradient(90deg, #f05102, #140f40); box-shadow:0 0 8px #ffb199; }
.bubneon28 { background: linear-gradient(90deg, #56ccf2, #000); box-shadow:0 0 8px #9fd4ff; }
.bubneon29 { background: linear-gradient(90deg, #e96443, #91029c); box-shadow:0 0 8px #f7a0c2; }
.bubneon30 { background: linear-gradient(90deg, #f58a02, #756101); box-shadow:0 0 8px #ffe680; }
.bubneon31 { background: linear-gradient(45deg, #017501, #0072ff); box-shadow:0 0 8px #66d6ff; }
.bubneon32 { background: radial-gradient(circle, hsla(283, 96%, 49%, 1) 0%, hsla(249, 100%, 1%, 1) 66%); box-shadow:0 0 8px #B105F5; }
.bubneon33 { background: radial-gradient(circle, hsla(23, 96%, 49%, 1) 45%, hsla(0, 98%, 38%, 1) 69%); box-shadow:0 0 8px #cceb02; }
.bubneon34 { background: linear-gradient(45deg, #00b09b, #96c93d); box-shadow:0 0 8px #a8ff9f; }
.bubneon35 { background: linear-gradient(45deg, #ff6a00, #000); box-shadow:0 0 8px #ff9abb; }
.bubneon36 { background: radial-gradient(circle, hsla(177, 95%, 49%, 1) 0%, hsla(244, 97%, 23%, 1) 64%); box-shadow:0 0 8px #0075fa; }
.bubneon37 { background: linear-gradient(45deg, #c902a2, #22c4f5); box-shadow:0 0 8px #e06699; }
.bubneon38 { background: linear-gradient(270deg, hsla(319, 100%, 66%, 1) 16%, hsla(0, 0%, 1%, 1) 79%); box-shadow:0 0 8px #ff8ca6; }
.bubneon39 { background: linear-gradient(45deg, #be0606, #48b1bf); box-shadow:0 0 8px #7dfcff; }
.bubneon40 { background: linear-gradient(45deg, #f569db, #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);
}