/*Animation*/

.animation-item{
    position: absolute;
    z-index: 3;
}

#szerpentin{
    width: 57px;
    top: 90px;
    left: -32px;
    animation: scaleDown 3s linear infinite, szerpentin 3s ease-in-out infinite;
    -webkit-animation: scaleDown 3s linear infinite, szerpentin 3s ease-in-out infinite;
    -o-animation: scaleDown 3s linear infinite, szerpentin 3s ease-in-out infinite;
    -moz-animation: scaleDown 3s linear infinite, szerpentin 3s ease-in-out infinite;
}

#szerpentin2{
    width: 57px;
    top: -40px;
    right: 33px;
    animation: scaleDown 3s linear infinite, szerpentin2 3s ease-in-out infinite;
    -webkit-animation: scaleDown 3s linear infinite, szerpentin2 3s ease-in-out infinite;
    -o-animation: scaleDown 3s linear infinite, szerpentin2 3s ease-in-out infinite;
    -moz-animation: scaleDown 3s linear infinite, szerpentin2 3s ease-in-out infinite;
}

#szerpentin3{
    width: 47px;
    top: 90px;
    right: -21px;
    animation: scaleDown 3s linear infinite, szerpentin3 3s ease-in-out infinite;
    -webkit-animation: scaleDown 3s linear infinite, szerpentin3 3s ease-in-out infinite;
    -o-animation: scaleDown 3s linear infinite, szerpentin3 3s ease-in-out infinite;
    -moz-animation: scaleDown 3s linear infinite, szerpentin3 3s ease-in-out infinite;
}

#blue-star{
    width: 17px;
    top: 60px;
    left: 3px;
    animation: scaleDown 3s linear infinite, blue-star 3s ease-in-out infinite;
    -webkit-animation: scaleDown 3s linear infinite, blue-star 3s ease-in-out infinite;
    -o-animation: scaleDown 3s linear infinite, blue-star 3s ease-in-out infinite;
    -moz-animation: scaleDown 3s linear infinite, blue-star 3s ease-in-out infinite;
}

#blue-star2{
    width: 19px;
    top: -44px;
    left: 65px;
    animation: scaleDown 3s linear infinite, blue-star2 3s ease-in-out infinite;
    -webkit-animation: scaleDown 3s linear infinite, blue-star2 3s ease-in-out infinite;
    -o-animation: scaleDown 3s linear infinite, blue-star2 3s ease-in-out infinite;
    -moz-animation: scaleDown 3s linear infinite, blue-star2 3s ease-in-out infinite;
}

#blue-star3{
    width: 15px;
    top: -23px;
    right: 17px;
    animation: scaleDown 3s linear infinite, blue-star3 3s ease-in-out infinite;
    -webkit-animation: scaleDown 3s linear infinite, blue-star3 3s ease-in-out infinite;
    -o-animation: scaleDown 3s linear infinite, blue-star3 3s ease-in-out infinite;
    -moz-animation: scaleDown 3s linear infinite, blue-star3 3s ease-in-out infinite;
}

#star{
    width: 11px;
    top: 20px;
    left: -6px;
    animation: scaleDown 3s linear infinite, star 3s ease-in-out infinite;
    -webkit-animation: scaleDown 3s linear infinite, star 3s ease-in-out infinite;
    -o-animation: scaleDown 3s linear infinite, star 3s ease-in-out infinite;
    -moz-animation: scaleDown 3s linear infinite, star 3s ease-in-out infinite;
}

#star2{
    width: 14px;
    top: -12px;
    left: 44px;
    animation: scaleDown 3s linear infinite, star2 3s ease-in-out infinite;
    -webkit-animation: scaleDown 3s linear infinite, star2 3s ease-in-out infinite;
    -o-animation: scaleDown 3s linear infinite, star2 3s ease-in-out infinite;
    -moz-animation: scaleDown 3s linear infinite, star2 3s ease-in-out infinite;
}

#big-star{
    width: 24px;
    top: 15px;
    left: 32px;
    animation: scaleDown 3s linear infinite, big-star 3s ease-in-out infinite;
    -webkit-animation: scaleDown 3s linear infinite, big-star 3s ease-in-out infinite;
    -o-animation: scaleDown 3s linear infinite, big-star 3s ease-in-out infinite;
    -moz-animation: scaleDown 3s linear infinite, big-star 3s ease-in-out infinite;
}

#big-star2{
    width: 23px;
    top: -33px;
    right: 80px;
    animation: scaleDown 3s linear infinite, big-star2 3s ease-in-out infinite;
    -webkit-animation: scaleDown 3s linear infinite, big-star2 3s ease-in-out infinite;
    -o-animation: scaleDown 3s linear infinite, big-star2 3s ease-in-out infinite;
    -moz-animation: scaleDown 3s linear infinite, big-star2 3s ease-in-out infinite;
}

#big-star3{
    width: 21px;
    top: 46px;
    right: 15px;
    animation: scaleDown 3s linear infinite, big-star3 3s ease-in-out infinite;
    -webkit-animation: scaleDown 3s linear infinite, big-star3 3s ease-in-out infinite;
    -o-animation: scaleDown 3s linear infinite, big-star3 3s ease-in-out infinite;
    -moz-animation: scaleDown 3s linear infinite, big-star3 3s ease-in-out infinite;
}

@keyframes scaleDown{
    0% {
        transform:scale(1)
    }
    
    75% {
        transform:scale(0.5)
    }
    100% {
        transform:scale(0)
    }
}

@-webkit-keyframes scaleDown{
    0% {
        transform:scale(1)
    }
   
    75% {
        transform:scale(0.5)
    }
    100% {
        transform:scale(0)
    }
}

@-o-keyframes scaleDown{
    0% {
        transform:scale(1)
    }
    
    75% {
        transform:scale(0.5)
    }
    100% {
        transform:scale(0)
    }
}

@-moz-keyframes scaleDown{
    0% {
        transform:scale(1)
    }
    
    75% {
        transform:scale(0.5)
    }
    100% {
        transform:scale(0)
    }
}

@keyframes szerpentin {
    from{
        top: 90px;
        left: -32px;
    }

    to{
        top: 90px;
        left: -72px;
    }
}

@-webkit-keyframes szerpentin {
    from{
        top: 90px;
        left: -32px;
    }

    to{
        top: 90px;
        left: -72px;
    }
}

@-moz-keyframes szerpentin {
    from{
        top: 90px;
        left: -32px;
    }

    to{
        top: 90px;
        left: -72px;
    }
}

@-o-keyframes szerpentin {
    from{
        top: 90px;
        left: -32px;
    }

    to{
        top: 90px;
        left: -72px;
    }
}

@keyframes szerpentin2{
    from{
        top: -40px;
        right: 33px;
    }

    to{
        top: -100px;
        right: 13px;
    }
}

@-webkit-keyframes szerpentin2{
    from{
        top: -40px;
        right: 33px;
    }

    to{
        top: -100px;
        right: 13px;
    }
}


@-o-keyframes szerpentin2{
    from{
        top: -40px;
        right: 33px;
    }

    to{
        top: -100px;
        right: 13px;
    }
}

@-moz-keyframes szerpentin2{
    from{
        top: -40px;
        right: 33px;
    }

    to{
        top: -100px;
        right: 13px;
    }
}

@keyframes szerpentin3{
    from{
        top: 90px;
        right: -21px;
    }

    to{
        top: 70px;
        right: -63px;
    }
}

@-webkit-keyframes szerpentin3{
    from{
        top: 90px;
        right: -21px;
    }

    to{
        top: 70px;
        right: -63px;
    }
}

@-moz-keyframes szerpentin3{
    from{
        top: 90px;
        right: -21px;
    }

    to{
        top: 70px;
        right: -63px;
    }
}

@-o-keyframes szerpentin3{
    from{
        top: 90px;
        right: -21px;
    }

    to{
        top: 70px;
        right: -63px;
    }
}

@keyframes blue-star {
    from{
        top: 60px;
        left: 3px;
    }

    to{
        top:40px;
        left: -37px;
    }
}

@-webkit-keyframes blue-star {
    from{
        top: 60px;
        left: 3px;
    }

    to{
        top:40px;
        left: -37px;
    }
}

@-moz-keyframes blue-star {
    from{
        top: 60px;
        left: 3px;
    }

    to{
        top:40px;
        left: -37px;
    }
}

@-o-keyframes blue-star {
    from{
        top: 60px;
        left: 3px;
    }

    to{
        top:40px;
        left: -37px;
    }
}

@keyframes blue-star2 {
    from{
        top: -44px;
        left: 65px
    }

    to{
        top:-84px;
        left: 45px;
    }
}

@-moz-keyframes blue-star2 {
    from{
        top: -44px;
        left: 65px
    }

    to{
        top:-84px;
        left: 45px;
    }
}

@-o-keyframes blue-star2 {
    from{
        top: -44px;
        left: 65px
    }

    to{
        top:-84px;
        left: 45px;
    }
}

@-webkit-keyframes blue-star2 {
    from{
        top: -44px;
        left: 65px
    }

    to{
        top:-84px;
        left: 45px;
    }
}

@keyframes blue-star3 {
    from{
        top: -23px;
        right: 17px;
    }

    to{
        top:-63px;
        right: -25px;
    }
}

@-webkit-keyframes blue-star3 {
    from{
        top: -23px;
        right: 17px;
    }

    to{
        top:-63px;
        right: -25px;
    }
}

@-o-keyframes blue-star3 {
    from{
        top: -23px;
        right: 17px;
    }

    to{
        top:-63px;
        right: -25px;
    }
}

@-moz-keyframes blue-star3 {
    from{
        top: -23px;
        right: 17px;
    }

    to{
        top:-63px;
        right: -25px;
    }
}

@keyframes star{
    from{
        top: 20px;
        left: -6px;
    }

    to{
        top: 0px;
        left: -46px;
    }
}

@-webkit-keyframes star{
    from{
        top: 20px;
        left: -6px;
    }

    to{
        top: 0px;
        left: -46px;
    }
}

@-o-keyframes star{
    from{
        top: 20px;
        left: -6px;
    }

    to{
        top: 0px;
        left: -46px;
    }
}

@-moz-keyframes star{
    from{
        top: 20px;
        left: -6px;
    }

    to{
        top: 0px;
        left: -46px;
    }
}

@keyframes star2{
    from{
        top: -12px;
        left: 44px;
    }

    to{
        top: -42px;
        left: 4px;
    }
}

@-webkit-keyframes star2{
    from{
        top: -12px;
        left: 44px;
    }

    to{
        top: -42px;
        left: 4px;
    }
}

@-o-keyframes star2{
    from{
        top: -12px;
        left: 44px;
    }

    to{
        top: -42px;
        left: 4px;
    }
}

@-moz-keyframes star2{
    from{
        top: -12px;
        left: 44px;
    }

    to{
        top: -42px;
        left: 4px;
    }
}

@keyframes big-star{
    from{
        top: 15px;
        left: 32px;
    }

    to{
        top: -25px;
        left: -12px;
    }
}

@-webkit-keyframes big-star{
    from{
        top: 15px;
        left: 32px;
    }

    to{
        top: -25px;
        left: -12px;
    }
}

@-o-keyframes big-star{
    from{
        top: 15px;
        left: 32px;
    }

    to{
        top: -25px;
        left: -12px;
    }
}

@-moz-keyframes big-star{
    from{
        top: 15px;
        left: 32px;
    }

    to{
        top: -25px;
        left: -12px;
    }
}

@keyframes big-star2{
    from{
        top: -33px;
        right: 80px;
    }

    to{
        top: -93px;
        right: 80px;
    }
}

@-webkit-keyframes big-star2{
    from{
        top: -33px;
        right: 80px;
    }

    to{
        top: -93px;
        right: 80px;
    }
}

@-moz-keyframes big-star2{
    from{
        top: -33px;
        right: 80px;
    }

    to{
        top: -93px;
        right: 80px;
    }
}

@-o-keyframes big-star2{
    from{
        top: -33px;
        right: 80px;
    }

    to{
        top: -93px;
        right: 80px;
    }
}

@keyframes big-star3{
    from{
        top: 46px;
        right: 15px;
    }

    to{
        top: 26px;
        right: -35px;
    }
}

@-webkit-keyframes big-star3{
    from{
        top: 46px;
        right: 15px;
    }

    to{
        top: 26px;
        right: -35px;
    }
}

@-o-keyframes big-star3{
    from{
        top: 46px;
        right: 15px;
    }

    to{
        top: 26px;
        right: -35px;
    }
}

@-moz-keyframes big-star3{
    from{
        top: 46px;
        right: 15px;
    }

    to{
        top: 26px;
        right: -35px;
    }
}