#area{margin-top:21px;background-color:transparent;position:absolute;overflow:hidden;width:100%;height:100vh;top:0px;left:0px;transition:transform .7s ease-in-out;transform:translateY(0);z-index:-4}#area .circles{position:absolute;top:0;left:0;width:100%;height:120vh;overflow:hidden;z-index:-1}#area .circles li{z-index:6;position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(255,255,255,.2);animation:animate 25s var(--trans-delay) linear infinite;bottom:-150px;clip-path:polygon(0 0,50% 0,100% 0,100% 50%,100% 100%,50% 100%,0 100%,0 50%)}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0%}50%{border-radius:25%}60%{border-radius:50%}to{transform:translateY(-1500px) rotate(720deg);opacity:0}}