body {
  background-image: url("beach-background.jpg");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.displayBox {
  border: 6px solid;
  width: 500px;
  height: 500px;
  margin-right: auto;
  margin-left: auto;
}

.target {
  background-image: url('beachball.png');
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 75px;
  width: 75px;
  border-radius: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 212.5px;
  transition: margin-top 0.2s, margin-left 0.2s;
  /* box-shadow: ; */
}

.pointsDisplay {
  font-family: cursive;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  /* background-color: #1F51FF; */
  width: 400px;
  color: #000000;
}

.timer {
  font-family: cursive;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  /* background-color: #1F51FF; */
  width: 50px;
  color: black;
}

.restart-button {
  padding: 10px 20px;
  font-size: 18px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: none;
  font-family: cursive;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.restart-button:hover {
  background-color: #45a049;
}