* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }

body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #222;
font-family: sans-serif;
}

.game-container {
position: relative;
width: 800px;
height: 400px;
background-color: #000;
border: 2px solid #fff;
overflow: hidden;
}

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

.left-paddle {
left: 0;
}

.right-paddle {
right: 0;
}

.ball {
position: absolute;
width: 15px;
height: 15px;
background-color: #fff;
border-radius: 50%;
}

.score-board {
position: absolute;
top: 10px;
width: 100%;
display: flex;
justify-content: space-between;
padding: 0 20px;
font-size: 24px;
color: #fff;
}

.winner-message {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 32px;
color: #fff;
display: none;
}

#restartButton {
margin-top: 20px;
padding: 10px 20px;
font-size: 18px;
background-color: #fff;
border: 2px solid #000;
cursor: pointer;
}