#bubbles{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:1;
}

.bubble{
    position:absolute;
    bottom:-40px;
    border-radius:50%;
    background:rgba(180,220,255,.35);
    box-shadow:0 0 12px rgba(180,220,255,.6);
    animation:bubbleUp linear forwards;
}

@keyframes bubbleUp{
    from{
        transform:translateY(0);
        opacity:.8;
    }
    to{
        transform:translateY(-120vh);
        opacity:0;
    }
}