
body {
  background-color: rgb(233, 35, 91);
}

#board {
  width: 1340px;
  height: 590px;
  border: 5px dotted rgb(249, 245, 246);
  background-color: rgb(242, 129, 157);
  position: relative;
}

#leftPaddle {
  background-color: rgb(0, 0, 0);
  width: 25px;
  height: 100px;
  border-radius: 20px;
  
  /* positioning */
  position: absolute;
  top: 230px;
  left: 100px;

}

#rightPaddle {
  background-color: rgb(255, 255, 255);
  width: 25px;
  height: 100px;
  border-radius: 20px;
  
  /* positioning */
  position: absolute;
  top: 230px;
  left: 1200px;
}

#ball {
  background-color: rgb(156, 235, 212);
  width: 50px;
  height: 50px;
  border-radius: 50px;
  
  /* positioning */
  position: absolute;
  top: 250px;
  left: 630px;

}


/*button stuff*/

#change_themes {
  background-color: rgb(255, 255, 255);
  border-radius: 30px;
  margin: 6px;
  border:3px solid rgb(233, 35, 91);
  position: absolute;
  left: 750px;
  top: 30px;
  height: 30px;
}

#instructions {
  background-color: rgb(255, 255, 255);
  border-radius: 30px;
  margin: 6px;
  border:3px solid rgb(233, 35, 91);
  position: absolute;
  top: 30px;
  left: 430px;
  height: 30px;
}

#instructions_container{
  left: 28%;
  top: 30%;
  width: 40%;
  padding: 20px;
  z-index: 1111;
  text-align: center;
  background-color: rgb(255, 203, 92);
  border: 4px solid rgb(255, 255, 255);
  position: absolute;
  display: none;
}

#close_button {
  float: right;
  cursor: pointer;
}

#player1Score {
background-color: white;
border:3px solid rgb(233, 35, 91);
width: 40px;
height: 40px;
position: absolute;
top: 50px;
left: 20px;
text-align: center;

}

#player1ScoreText{
top: 1px;
left: 10px;
position: absolute;
}

#player2Score{
  background-color: white;
  border:3px solid rgb(233, 35, 91);
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50px;
  left: 1270px;
  text-align: center;
}

#player2ScoreText{
top: 1px;
left: 1260px;
position: absolute;


}

#start{
  background-color: rgb(255, 255, 255);
  border-radius: 30px;
  margin: 6px;
  border:3px solid rgb(233, 35, 91);
  position: absolute;
  left: 630px;
  top: 30px;
  height: 30px;
}


