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