* {
    box-sizing:border-box;
}

img {
    max-width:100%;
    width:400px;
}

body {
    background:#3f2d1c;
    overflow:hidden;
}

.leaf1 {
    position:absolute;
    animation:fall1 9s infinite linear;
    left:10%;
    top:-110vh;
}

.leaf2 {
    position:absolute;
    animation:fall2 9s infinite linear 5s;
    left:10%;
    top:-110vh;
}

.leaf3 {
    position:absolute;
    animation:fall3 9s infinite linear 2s;
    left:70%;
    top:-110vh;
}

.leaf4 {
    position:absolute;
    animation:fall4 9s infinite linear 1s;
    left:40%;
    top:-110vh;
}

.leaf5 {
    position:absolute;
    animation:fall5 9s infinite linear 8s;
    left:70%;
    top:-110vh;
}

.leaf6 {
    position:absolute;
    animation:fall6 9s infinite linear 2.5s;
    left:20%;
    top:-110vh;
}

.leaf7 {
    position:absolute;
    animation:fall7 9s infinite linear 7s;
    left:12%;
    top:-110vh;
}

.leaf8 {
    position:absolute;
    animation:fall8 9s infinite linear 4s;
    left:55%;
    top:-110vh;
}

.leaf9 {
    position:absolute;
    animation:fall9 9s infinite linear 6.5s;
    left:45%;
    top:-110vh;
}





@keyframes fall1 {
    0% {
        top:-110vh;
        rotate:0deg;
    }
    100% {
        top:140vh;
        rotate:90deg;
    }
}

@keyframes fall2 {
    0% {
        top:-110vh;
        rotate:0deg;
    }
    100% {
        top:140vh;
        rotate:-90deg;
    }
}

@keyframes fall3 {
    0% {
        top:-110vh;
        rotate:0deg;
    }
    100% {
        top:140vh;
        rotate:90deg;
    }
}

@keyframes fall4 {
    0% {
        top:-110vh;
        rotate:0deg;
    }
    100% {
        top:140vh;
        rotate:-90deg;
    }
}

@keyframes fall5 {
    0% {
        top:-110vh;
        rotate:0deg;
    }
    100% {
        top:140vh;
        rotate:90deg;
    }    
}

@keyframes fall6 {
    0% {
        top:-110vh;
        rotate:0deg;
    }
    100% {
        top:140vh;
        rotate:90deg;
    }
}

@keyframes fall7 {
    0% {
        top:-110vh;
        rotate:0deg;
    }
    100% {
        top:140vh;
        rotate:90deg;
    }
}

@keyframes fall8 {
    0% {
        top:-110vh;
        rotate:0deg;
    }
    100% {
        top:140vh;
        rotate:-90deg;
    }
}

@keyframes fall9 {
    0% {
        top:-110vh;
        rotate:0deg;
    }
    100% {
        top:140vh;
        rotate:90deg;
    }    
}