:root{--animationSpeed:30s;}*{margin:0;padding:0;}.banner-text{width:100%;position:absolute;}.banner-text ul{height:50px;float:right;}.banner-text ul li{display:inline-block;padding:40px 15px;text-transform:uppercase;color:#fff;font-size:14px;font-weight:bold;}.banner-text h2{text-align:center;color:#fff;font-size:50px;margin-top:20%;}.animation-area{background:linear-gradient(to top,#0c0c0c,#ff9811);width:100%;height:100vh;}.box-area{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}.box-area li{position:absolute;display:block;list-style:none;width:25px;height:25px;bottom:-150px;background:rgba(255,255,255,.2);animation:animate var(--animationSpeed) infinite linear;}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(-1200px) rotate(360deg);opacity:1}}.box-area li:nth-child(1){left:86%;width:80px;height:80px;animation-delay:0s;border-radius:25px;}.box-area li:nth-child(2){left:12%;width:30px;height:30px;animation-delay:1.5s;animation-duration:8s;border-radius:15px;}.box-area li:nth-child(3){left:70%;width:100px;height:100px;animation-delay:5.5s;border-radius:25px;}.box-area li:nth-child(4){left:42%;width:110px;height:110px;animation-delay:0s;animation-duration:15s;border-radius:25px;}.box-area li:nth-child(5){border-radius:25px;left:65%;width:40px;height:40px;animation-delay:.5s;animation-duration:8s;}.box-area li:nth-child(6){border-radius:25px;left:15%;width:110px;height:110px;animation-delay:3.5s;animation-duration:15s;}