.pojok-kiri-atas1 {
            position: absolute;
            width: 100px;
            top: 0px !important;
            left: 0px !important;
            transform: rotate(-20deg);
            z-index: 1 !important;
        }
        
         .indeks2 {
            z-index: 2 !important;
            position: relative;
        }
        
        .kanan-atas {
            z-index: 1 !important;
            position: absolute;
            width: 100px;
            top: 0px;
            float: right;
            right: 0px;
        }


        .kanan-bawah {
            width: 100px;
            right: 0px;
            position: absolute;
            float: right;
            bottom: 0px;
            z-index: 1 !important;
        }

        .kiri-bawah {
            width: 100px;
            left: 0px;
            position: absolute;
            float: left;
            z-index: 1 !important;
            bottom: 0px;
            transform: rotate(-20deg);
        }


.isi-kiri-atas {
    width: 100px;
    transform: rotate(-20deg);
}

.isi-samping-kiri {
    width: 200px;
    transform: rotate(-20deg);
}

.isi-samping-kanan {
    width: 100px;
    transform: rotate(-20deg);
}
        
         /* START animasi */
       
            .goyang-1 {
                animation-name: goyang1;
                animation-duration: 5s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
            }

            .goyang-12 {
                animation-name: goyang12;
                animation-duration: 5s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
            }

            .iizoom {
                animation-name: iizoom;
                animation-duration: 7s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
            }

            .goyang-2 {
                animation-name: goyang1;
                animation-duration: 5s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
                
            }

            .goyang-3 {
                animation-name: goyang1;
                animation-duration: 3s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
            
            }

            .goyang-4 {
                animation-name: goyang4;
                animation-duration: 5s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
                z-index: -1;
            }

            .zoom-1 {
                transform: scale(1);
                animation: zoom 3s infinite;
                
            }

            .zoom-2 {
                transform: scale(1);
                animation: zoom 2s infinite;
                
            }

            .naik-turun {
                animation-name: naikturun;
                animation-duration: 2s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
            }

            @keyframes  goyang1{
                0%{ transform: rotate(0deg) scale(1); }
                50%{ transform: rotate(4deg) scale(1.18); }
                100%{ transform: rotate(0deg) scale(1); }
            }

            @keyframes  goyang12{
                0%{ transform: rotate(0deg) scale(1); }
                50%{ transform: rotate(-4deg) scale(1.18); }
                100%{ transform: rotate(0deg) scale(1); }
            }

            @keyframes  iizoom{
                0%{ transform: scale(1); }
                50%{ transform: scale(1.18); }
                100%{ transform: scale(1); }
            }

            @keyframes  goyang2{
                0%{ transform: rotate(0deg) scale(1); }
                25%{ transform: rotate(-4deg) scale(1.05); }
                50%{ transform: rotate(-8deg) scale(1.1); }
                75%{ transform: rotate(-4deg) scale(1.05); }
                100%{ transform: rotate(0deg) scale(1); }
            }

            @keyframes  goyang3{
                0%{ transform: rotate(0deg) scale(1); }
                25%{ transform: rotate(-4deg) scale(1.1); }
                50%{ transform: rotate(0deg) scale(1); }
                75%{ transform: rotate(4deg) scale(1.1); }
                100%{ transform: rotate(0deg) scale(1); }
            }

            @keyframes  goyang4{
                0%{ transform: rotate(0deg); }
                25%{ transform: rotate(-4deg); }
                75%{ transform: rotate(4deg); }
                100%{ transform: rotate(0deg); }
            }

            @keyframes  zoom {
                0% { transform: scale(0.95); }
                60% { transform: scale(1); }
                100% { transform: scale(0.95); }
            }

            @keyframes  naikturun {
                0% { transform: translate(0px,0px); }
                50% { transform: translate(0px,-10px); }
                100% { transform: translate(0px,0px); }
            }/* End custom CSS */