.body{display:flex;justify-content:center;align-items:center;margin:0;background-color:#f0f0f0}.body,.coin{height:100px}.coin{position:relative;width:100px;background-color:#d4af37;border-radius:50%;box-shadow:inset 0 0 5px rgba(0,0,0,.3);background-image:radial-gradient(circle at 50% 120%,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 80%);animation:flip 1s infinite}.engraving{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;font-weight:700;color:rgba(0,0,0,.5);text-shadow:1px 1px 1px rgba(255,255,255,.5)}@keyframes flip{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}@media (prefers-reduced-motion:reduce){.coin{animation:none}}@media (max-width:600px){.coin{width:80px;height:80px}.engraving{font-size:40px}}@media (max-width:400px){.coin{width:60px;height:60px}.engraving{font-size:30px}}@media (max-width:300px){.coin{width:50px;height:50px}.engraving{font-size:20px}}@media (max-width:200px){.coin{width:40px;height:40px}.engraving{font-size:15px}}@media (max-width:100px){.coin{width:30px;height:30px}.engraving{font-size:10px}}