body {
overflow-x:hidden
}

.wrapper {
position:absolute;
åtop:30%;
width:100%;
z-index:1
}

#parallax-lvl-0,#parallax-lvl-1,#parallax-lvl-2,#parallax-lvl-3 {
position:absolute;
opacity:.5;
width:100%;
height:100%;
top:0
}

#parallax-lvl-1 {
z-index:0
}

#parallax-lvl-2 {
z-index:10
}

#parallax-lvl-3 {
z-index:100
}

.bubble {
border-radius:100%;
position:absolute;
opacity:.7
}

.size1 {
width:100px;
height:100px
}

.size2 {
width:200px;
height:200px
}

.size3 {
width:300px;
height:300px
}

.size4 {
width:400px;
height:400px
}

.white {
background-color:#2d2c80
}

.blue {
background:#2b2d9c;
background:linear-gradient(52deg, #157276 0%, #062539 100%)
}

.pink {
background:#470b58;
background:linear-gradient(302deg,rgba(71,11,88,1) 0%,rgba(122,13,143,1) 100%)
}

.orange {
background:#54253f;
background:linear-gradient(302deg,#150000 0%,#ba0000 100%)
}

.purple {
background:#5b1b84;
background:linear-gradient(52deg,rgba(91,27,132,1) 0%,rgba(53,27,132,1) 100%)
}

.green {
background-color:#064937
}

#b0-1 {
top:-30px;
left:-20px
}

#b0-2 {
top:200px;
left:68%
}

#b0-3 {
top:500px;
left:0
}

#b0-4 {
top:400px;
left:82%
}

#b0-5 {
top:820px;
left:16%
}

#b0-6 {
top:1300px;
left:89%
}

#b0-7 {
top:1300px;
left:10%
}

#b0-8 {
top:1050px;
left:-1%
}

#b0-9 {
top:1400px;
left:4%
}

#b0-10 {
top:800px;
left:89%
}

#b0-11 {
top:720px;
left:-20%
}

#b0-12 {
top:550px;
left:90%
}

#b1-1 {
top:-120px;
left:0%
}

#b1-2 {
top:1000px;
left:50%
}

#b1-3 {
top:300px;
left:45%
}

#b1-4 {
top:400px;
left:12%
}

#b1-5 {
top:820px;
left:20%
}

#b1-6 {
top:10px;
left:60%
}

#b2-1 {
top:700px;
left:68%
}

#b2-2 {
top:150px;
left:94%
}

#b2-3 {
top:1000px;
left:47%
}

#b2-4 {
top:1200px;
left:55%
}

#b2-5 {
top:1600px;
left:94%
}

#b2-6 {
top:1550px;
left:65%
}

#b3-1 {
top:50px;
left:-400px
}

#b3-2 {
top:1150px;
left:78%
}

#b3-3 {
top:550px;
left:130px
}

#b3-4 {
top:1900px;
left:94%
}

#b3-5 {
top:1000px;
left:200px
}

#b3-6 {
top:860px;
left:94%
}