/* animasi-kiri-atas - Start */
.animasi-kiri-atas {
width: 50%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
animation-name: animasi-kiri-atas;
animation-duration: 3s;
}
@keyframes animasi-kiri-atas { 
70% {
transform: scale(1.03);
}
}
/* animasi-kiri-atas - End */



/* animasi-kiri-tengah - Start */
.animasi-kiri-tengah {
width: 50%;
position: absolute;
top: 340px;
left: -20px;
animation-name: animasi-kiri-tengah;
animation-duration: 3s;
z-index: -1;
transform-origin: left bottom;
animation-delay: 300ms;
animation: wave-left 5s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite alternate;
}
@keyframes wave-left {
0% 
{
transform: rotate(-10deg);
}
100% {
transform: rotate(4deg);
}
}
@keyframes wave-left {
0% {
transform: rotate(10deg);
}
100% {
transform: rotate(-4deg);
}
}
/* animasi-kiri-tengah - End */



/* animasi-kanan-tengah - Start */
.animasi-kanan-tengah {
width: 50%;
position: absolute;
top: 355px;
right: -20px;
animation-name: animasi-kanan-tengah;
animation-duration: 3s;
z-index: -2;
transform-origin: right bottom;
animation-delay: 300ms;
animation: wave-right 5s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite alternate;
}
@keyframes wave-right {
0% 
{
transform: rotate(-10deg);
}
100% {
transform: rotate(4deg);
}
}
@keyframes wave-right {
0% {
transform: rotate(10deg);
}
100% {
transform: rotate(-4deg);
}
}
/* animasi-kiri-tengah - End */

    
    
/* animasi-kanan-atas - Start */
.animasi-kanan-atas {
width: 50%;
position: absolute;
top: 0;
right: 0;
z-index: 1;
animation-name: animasi-kanan-atas;
animation-duration: 3s;
}
@keyframes animasi-kanan-atas { 
70% {
transform: scale(1.03);
}
}
/* animasi-kanan-atas - End */
    
    
    
/* animasi-kiri-bawah - Start */
.animasi-kiri-bawah {
width: 50%;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
animation-name: animasi-kiri-bawah;
animation-duration: 3s;
}
@keyframes animasi-kiri-bawah { 
70% {
transform: scale(1.03);
}
}
/* animasi-kiri-bawah - End */
  
  
/* animasi-kanan-bawah - Start */
.animasi-kanan-bawah {
width: 50%;
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
animation-name: animasi-kanan-bawah;
animation-duration: 3s;
}
@keyframes animasi-kanan-bawah { 
70% {
transform: scale(1.03);
}
}
/* animasi-kanan-bawah - End */
    

/* animasi-tengah-atas - Start */
.animasi-tengah-atas {
max-width: 120%;
position: relative;
top: -35.8px;
left: 0;
right: 0;
z-index: -2;
animation-name: animasi-tengah-atas;
animation-duration: 3s;
}
@keyframes animasi-tengah-atas { 
70% {
transform: scale(1.03);
}
}
/* animasi-tengah-atas - End */


/* animasi-tengah-bawah - Start */
.animasi-tengah-bawah {
max-width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
animation-name: animasi-tengah-bawah;
animation-duration: 3s;
z-index: 1;
overflow: hidden;

-webkit-animation: slide-in-blurred-bottom 3.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
animation: slide-in-blurred-bottom 6.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
/* animasi-tengah-bawah - End */











/* animasi-kiri-tengah 2 - Start */
.animasi-kiri-tengah2 {
width: 50%;
position: absolute;
top: 250px;
left: -13px;
animation-name: animasi-kiri-tengah2;
animation-duration: 3s;
z-index: 1;
transform-origin: left bottom;
animation-delay: 300ms;
animation: wave-left 5s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite alternate;
}
@keyframes wave-left {
0% 
{
transform: rotate(-10deg);
}
100% {
transform: rotate(4deg);
}
}
@keyframes wave-left {
0% {
transform: rotate(10deg);
}
100% {
transform: rotate(-4deg);
}
}
/* animasi-kiri-tengah2 - End */




/* animasi-kanan-tengah 2 - Start */
.animasi-kanan-tengah2 {
width: 50%;
position: absolute;
top: 250px;
right: -13px;
animation-name: animasi-kanan-tengah2;
animation-duration: 3s;
z-index: -1;
transform-origin: right bottom;
animation-delay: 300ms;
animation: wave-left 5s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite alternate;
}
@keyframes wave-left {
0% 
{
transform: rotate(-10deg);
}
100% {
transform: rotate(4deg);
}
}
@keyframes wave-left {
0% {
transform: rotate(10deg);
}
100% {
transform: rotate(-4deg);
}
}
/* animasi-kanan-tengah2 - End */