*{ color: black; font-size: 30px; } body{ overflow: hidden; } #spielRaum{ width: 1000px; height: 700px; margin: auto; background-color: yellow; position: relative; } body{ height: 100%; margin: 0px; } #tom img{ width: 300px; } #tom{ position: fixed; display: none; } #fuchs { position: relative; bottom: -400px; } #fuchs img{ width: 200px; left: 50px; z-index: 60; } #enemy img{ width: 220px; } #enemy{ position: fixed; top: 20px; right: 30px; } #enemyZahl{ text-align: center; } .flexbox{ display: flex; flex-direction: row; } #rechnungen{ padding: 0px; position: relative; top: 1px; justify-content: space-between; width: 100%; } #rechnung1, #rechnung2 { width: 20%; padding: 20px; text-align: center; z-index: 10; position: relative; } #rechnung1{ background-color: rgb(0, 225, 255); border-radius: 15px; outline: 8px solid black; left: 20px; } #rechnung2{ background-color: red; border-radius: 15px; outline: 8px solid black; right: 20px; } #fuchsZahl{ padding-left: 100px; font-size: 30px; width: 10%; } #hitbox1, #hitbox2{ width: 50px; height: 10px; } #restartButton { width: 200px; height: 100px; position: fixed; left: 45%; display:none; }