/*
 * CSS for the moving bubbles
 * Makes sure the bubble container appears behind the contents of the page
 * Gerard Godone-Maresca
 */
html, body {
    padding: 0;
    margin: 0;
    min-height: 100%;
    background-color: #50afe4;
    background-image: linear-gradient(to bottom,#e05787,#823c9d);
    background-attachment: fixed;
}

    html * {
        z-index: 1;
        position: relative;
    }

#bubbleContainer {
    z-index: 0;
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
}

    #bubbleContainer div {
        position: fixed;
        z-index: -1;
        border-radius: 1000px;
    }