CRAZY GAME

body, html { margin: 0; padding: 0; overflow: hidden; font-family: sans-serif; } #banner { position: relative; width: 100%; max-width: 800px; height: 200px; background: linear-gradient(to top, #2e8b57, #98fb98); /* terrain vert */ margin: 50px auto; border: 2px solid #333; overflow: hidden; border-radius: 10px; } /* Joueur */ #player { position: absolute; bottom: 20px; left: 50px; width: 40px; height: 40px; background: url('https://i.ibb.co/3sZkhqF/football-player.png') no-repeat center center; background-size: contain; } /* Ballon */ #ball { position: absolute; width: 20px; height: 20px; background: url('https://i.ibb.co/TBHVX6m/football.png') no-repeat center center; background-size: contain; left: 80px; bottom: 40px; transition: all 0.3s linear; } /* But */ #goal { position: absolute; width: 80px; height: 60px; right: 50px; bottom: 20px; border: 4px solid white; border-top: none; background: rgba(255,255,255,0.2); border-radius: 5px; }