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


.center-outer {
/* background-color: deeppink; */
display: table;

}

.center-inner {
display: table-cell;
vertical-align: middle;
text-align: center;
}

/* Essential CSS - Makes the effect work */

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

.bubbles h1 {
position: relative;
margin: 1em 0 0;
/* font-family: 'Luckiest Guy', cursive; */
color: #000;
z-index: 2;
font-weight: 500;
}

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