Подаркопад

/*Подаркопад*/
.present_1, .present_2, .present_3, .present_4, .present_5, .present_6, .present_7, .present_8 {
    position: absolute;
    animation: animate 10s linear infinite;
	z-index:0;
}
.present_1 {
	width:40px;
    top: 0;
    left: 0;
    animation-delay: 0;
    animation-duration: 10s;
}
.present_2 {
	width:35px;
    top: 50px;
    left: 200px;
    animation-delay: 0.2s;
    animation-duration: 5s;
}
.present_3 {
	width:43px;
    top: 100px;
    left: 400px;
    animation-delay: 0.4s;
    animation-duration: 12.5s;
}
.present_4 {
	width:37px;
    top: 0;
    left: 600px;
    animation-delay: 0;
    animation-duration: 7.5s;
}
.present_5 {
	width:43px;
    top: -50px;
    left: 800px;
    animation-delay: 0;
    animation-duration: 4.5s;
}
.present_6 {
	width:38px;
    top: -100px;
    left: 1000px;
    animation-delay: 0;
    animation-duration: 7.5s;
}   
.present_7{
	width:35px;
    top: 0px;
    left: 1200px;
    animation-delay: 0;
    animation-duration: 3.5s;
}   
.present_8{
	width:42px;
    top: -50px;
    right:0;
    animation-delay: 0;
    animation-duration: 5.5s;
}   
@keyframes animate{
    0%
    {
        transform: translateY(0);
    }
    70%
    {
        opacity: 1;
    }
    100%
    {
        transform: translateY(350px);
        opacity: 0;
    }
}    
/*Конец подаркопад*/