html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;padding:0}.circle{display:flex;align-items:center;justify-content:center;width:300px;height:300px;border:2px solid black;border-radius:50%;position:relative}.circle img{width:80%}.react{width:100px;height:100px;background-color:#fff;border:2px solid black;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;animation:react 50s linear infinite forwards;padding:10px}.express{width:100px;height:100px;background-color:#fff;border:2px solid black;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;animation:express 50s linear infinite forwards;padding:10px}.mongodb{width:100px;height:100px;background-color:#fff;border:2px solid black;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;animation:mongodb 50s linear infinite forwards;padding:10px}.node{width:100px;height:100px;background-color:#fff;border:2px solid black;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;animation:node 50s linear infinite forwards;padding:10px}@keyframes react{0%{transform:rotate(0) translate(-140px)}to{transform:rotate(360deg) translate(-140px) rotate(-360deg)}}@keyframes express{0%{transform:rotate(0) translate(140px)}to{transform:rotate(360deg) translate(140px) rotate(-360deg)}}@keyframes mongodb{0%{transform:rotate(0) translateY(140px)}to{transform:rotate(360deg) translateY(140px) rotate(-360deg)}}@keyframes node{0%{transform:rotate(0) translateY(-140px)}to{transform:rotate(360deg) translateY(-140px) rotate(-360deg)}}