#container{height:200px;overflow:hidden;position:relative;--block-speed:2s}#container #dino{bottom:15px;height:43px;left:20px;overflow:hidden;position:absolute;width:40px}#container #dino svg{height:43px;width:auto}@keyframes walking{0%{transform:translate(-25%)}50%{transform:translate(-50%)}}.game-started #dino svg{animation:walking .2s steps(1) infinite}.game-over #dino svg{transform:translate(-75%)}.jumping{animation:jump .5s linear infinite}@keyframes jump{0%,to{bottom:28px}45%,55%{bottom:160px}}#container #block{bottom:15px;height:43px;position:absolute;right:-100px}#container #block svg{height:43px;width:auto}.game-started #block{animation:animateBlock var(--block-speed) linear infinite}@keyframes animateBlock{0%{right:-125px}to{right:100%}}#container #road{bottom:0;max-width:77px;overflow:hidden;position:absolute;transition:max-width .5s ease-in-out}.game-started #container #road{max-width:100%}#container #road svg{animation:none;height:15px;left:0;width:auto}.game-started #road svg{animation:animateRoad 1s linear infinite}.game-started #cloud svg{animation:animateCloud 20s linear infinite}@keyframes animateRoad{0%{left:0}to{left:-800px}}#container #cloud{border-radius:40px;height:80px;position:absolute;top:30px;width:1200px}#container #cloud svg{animation:none;height:80px;left:-2000px;position:absolute;width:2000px}@keyframes animateCloud{0%{left:-1800px}to{left:100%}}#score{height:auto;position:absolute;right:0;top:20px;width:auto}#controls{display:flex;flex-direction:column}#controls p{align-items:center;display:flex;gap:10px}#gameOver{display:none;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}#gameOver p{font-size:20px;text-align:center}.game-over #gameOver{display:block}