*{box-sizing:border-box;margin:0;padding:0}:focus{outline:0}.leavesfalling{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.leavesfalling .set{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.leavesfalling .set img{height:80px;object-fit:contain;width:100%}.leavesfalling .set.set2{filter:blur(2px);transform:rotateY(180deg) scale(1.5)}.leavesfalling .set.set3{filter:blur(4px);transform:rotateY(180deg) scale(.8)}.leavesfalling .set div{animation-iteration-count:infinite;animation-name:animate;animation-timing-function:linear;display:block;opacity:0;position:absolute;top:-10%;transform:rotate(0) translateX(20px);width:100%}.leavesfalling .set div:first-child{animation-delay:-7s;animation-duration:15s;left:20%}.leavesfalling .set div:nth-child(2){animation-delay:-5s;animation-duration:20s;left:50%}.leavesfalling .set div:nth-child(3){animation-duration:20s;left:70%}.leavesfalling .set div:nth-child(4){animation-delay:-5s;animation-duration:15s;left:0}.leavesfalling .set div:nth-child(5){animation-delay:-10s;animation-duration:18s;left:85%}.leavesfalling .set div:nth-child(6){animation-duration:12s;left:0}.leavesfalling .set div:nth-child(7){animation-duration:14s;left:15%}.leavesfalling .set div:nth-child(8){animation-duration:15s;left:60%}@keyframes animate{10%{opacity:1}20%{transform:rotate(45deg) translateX(-20px)}40%{transform:rotate(90deg) translateX(-20px)}60%{transform:rotate(180deg) translateX(20px)}80%{transform:rotate(180deg) translateX(-20px)}to{top:110%;transform:rotate(225deg) translateX(-20px)}}@media screen and (max-width:990px){.leavesfalling h2{font-size:9rem}}@media screen and (max-width:768px){.leavesfalling h2{font-size:6rem}.leavesfalling .set div img{height:35px;width:35px}}@media screen and (max-width:550px){.leavesfalling h2{font-size:4rem}.leavesfalling .set div img{height:50px;width:75px}}