body {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #000;
  font-family: 'Press Start 2P', cursive;
}

.arcade-room {
  background-color: #000;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.arcade-machine {
  background-color: #333;
  width: 600px;
  height: 400px;
  border: 10px solid #444;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.game-screen {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
}

.game-container {
  position: relative;
  width: 600px;
  height: 400px;
  background-color: #333;
}

.scoreboard {
  position: absolute;
  top: 10px;
  left: calc(50% - 50px);
  color: #fff;
  font-size: 24px;
}

.ball {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  top: 190px;
  left: 290px;
}

.paddle {
  position: absolute;
  width: 10px;
  height: 80px;
  background-color: #fff;
}

#leftPaddle {
  left: 10px;
  top: 160px;
}

#rightPaddle {
  right: 10px;
  top: 160px;
}