@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.area{z-index:-1;background-image:url(https://www.monster.com.vn/career-advice/wp-content/uploads/2021/08/PCM-Students-After-Class-12th.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.area{background-attachment:scroll}}@media (max-width:1024px){.area{height:80vh}}@media (max-width:480px){.area{height:60vh}}.circles{width:100%;height:96%;position:absolute;top:0;left:0;overflow:hidden}.circles li{background:#fa940533;width:20px;height:20px;list-style:none;animation:25s linear infinite animate;display:block;position:absolute;bottom:-150px}.circles li:first-child{width:80px;height:80px;animation-delay:0s;left:25%}.circles li:nth-child(2){width:20px;height:20px;animation-duration:12s;animation-delay:2s;left:10%}.circles li:nth-child(3){width:20px;height:20px;animation-delay:4s;left:70%}.circles li:nth-child(4){width:60px;height:60px;animation-duration:18s;animation-delay:0s;left:40%}.circles li:nth-child(5){width:20px;height:20px;animation-delay:0s;left:65%}.circles li:nth-child(6){width:110px;height:110px;animation-delay:3s;left:75%}.circles li:nth-child(7){width:150px;height:150px;animation-delay:7s;left:35%}.circles li:nth-child(8){width:25px;height:25px;animation-duration:45s;animation-delay:15s;left:50%}.circles li:nth-child(9){width:15px;height:15px;animation-duration:35s;animation-delay:2s;left:20%}.circles li:nth-child(10){width:150px;height:150px;animation-duration:11s;animation-delay:0s;left:85%}@keyframes animate{0%{opacity:1;border-radius:0;transform:translateY(0)rotate(0)}to{opacity:0;border-radius:50%;transform:translateY(-1000px)rotate(720deg)}}