.appbar{background:url(/_next/static/media/app-bg.cdd2b1e9.png);background-repeat:no-repeat;background-position:50%;background-size:cover;width:100%}.moveup:hover{transition:all .5s;transform:translateY(-10px)}@keyframes orbitRotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes borderAnimation{0%,to{border-color:#2cb1ec}50%{border-color:#fff}}.parent-container{width:450px;height:450px;border-radius:50%;border:6px solid #fff;overflow:hidden;position:relative;animation:borderAnimation 6s linear infinite;background-size:cover;background-position:50%;background-color:#e6eef6;margin:auto;transition:all .5s ease-in-out}.orbit,.parent-container{display:flex;justify-content:center;align-items:center}.orbit{width:800px;height:800px;animation:orbitRotation 18s linear infinite;border:4px solid #fff}.orbit,.pill{position:absolute}.pill{width:20px;height:20px;background-color:#2cb1ec;border-radius:50%;border:2px solid #2cb1ec;transition:all 1s ease-in-out}.pill:first-child{transform:rotate(0deg) translate(200px)}.pill:nth-child(2){transform:rotate(90deg) translate(200px)}.pill:nth-child(3){transform:rotate(180deg) translate(200px)}.pill:nth-child(4){transform:rotate(270deg) translate(200px)}@media (max-width:1024px){.parent-container{width:350px;height:350px}.orbit{width:300px;height:300px}.pill{width:15px;height:15px;border-width:1px}}@media (max-width:768px){.parent-container{width:300px;height:300px}.orbit{width:500px;height:500px}.pill{width:12px;height:12px;border-width:1px}}@media (max-width:480px){.parent-container{width:250px;height:250px}.orbit{width:400px;height:400px}.pill{width:10px;height:10px;border-width:1px}}@media (max-width:320px){.parent-container{width:200px;height:200px}.orbit{width:300px;height:300px}.pill{width:8px;height:8px;border-width:1px}}