Spaces:
Running
Running
| body { | |
| font-family: Arial, sans-serif; | |
| text-align: center; | |
| margin: 0; | |
| padding: 0; | |
| background-color: #282c34; | |
| color: white; | |
| } | |
| #game { | |
| margin-top: 20px; | |
| } | |
| button { | |
| margin: 10px; | |
| padding: 10px 20px; | |
| font-size: 16px; | |
| border: none; | |
| border-radius: 5px; | |
| cursor: pointer; | |
| } | |
| button:disabled { | |
| background-color: gray; | |
| cursor: not-allowed; | |
| } | |
| #start-game { | |
| background-color: green; | |
| color: white; | |
| } | |
| #cash-out { | |
| background-color: red; | |
| color: white; | |
| } | |
| #game-area { | |
| position: relative; | |
| margin: 50px auto; | |
| width: 80%; | |
| height: 300px; | |
| background-color: #20232a; | |
| overflow: hidden; | |
| border: 2px solid white; | |
| } | |
| #plane { | |
| position: absolute; | |
| width: 50px; | |
| height: 30px; | |
| background-color: yellow; | |
| border: 2px solid black; | |
| border-radius: 5px; | |
| top: 50%; | |
| left: 0; | |
| transform: translateY(-50%); | |
| transition: left 0.1s linear; | |
| } |