/* Non essential CSS - Just for example centering */


/* Essential CSS - Makes the effect work */


.bubbles {
display: inline-block;
font-family: arial;
position: relative;
}

.bubbles h3 {
position: relative;


color: #fff;
z-index: 2;
}

.individual-bubble {
position: absolute;
border-radius: 100%;
bottom: 10px;
background-color: #FFD700;
z-index: 1;
}



.bubbless {
display: inline-block;
font-family: arial;
position: relative;
}

.bubbless h3 {
position: relative;
margin: 1em 0 0;
font-family: 'Luckiest Guy', cursive;
color: #000;
z-index: 2;
}