@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.area,.circles{width:100%}.circles{position:absolute;top:0;left:0;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(197,111,236,.19);animation:animate 25s linear infinite;bottom:-150px}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}#articlewipdoodle,.textforwiparticles{display:flex;justify-content:center;align-items:center}#articlewipdoodle{flex-direction:column;position:relative;z-index:1;margin:40px 40px 0;color:#fff}#articlewipdoodle svg{height:420px}@media screen and (max-width:500px){#articlewipdoodle svg{height:190px}}@media screen and (orientation:landscape) and (max-width:1199px){#articlewipdoodle svg{height:190px}}.textforwiparticles{height:100%;width:100%;margin-top:45px}.text{font-weight:100;font-size:28px;font-variant:petite-caps;color:#000}.dud{color:rgba(180,0,187,.73)}