* {
  box-sizing: border-box;
}

#start {
  color: white;
  background-color: darkgray;
}
#start:hover{
  background-color: rgba(201, 176, 36, 0.418);
}

body {
  height: 100vh;
  margin: 0 auto;
  background-color: black;
  font-family: balsamiq sans;
}
header {
  display: flex;
  justify-content: center;


}
header img {
  width: 40%;
  height: 40%;
}
.controls-wrapper{
  background-image: ;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: white;
  float: left;
  margin: 0px 40px 0px 200px;
  height: 80vh;
  width: 200px;
  padding: 20px 0px 20px 2px;
  box-shadow: 0 0 20px 0 rgba(139, 133, 133, 0.9);
  line-height: 25px;
  text-align: center;
}


.controls-wrapper img{
  height: 20px;
  width: 20px;
}
.controls-wrapper h1{
  color: darkgray;
  font-size: 25px;
  text-align: center;
}
.grid-wrapper {
  height: 90vh;
  width: 600px;
  display: flex;
  justify-content: center;
  color: white;
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

.grid {
  align-items: center;
  box-shadow: 0 0 20px 0 rgba(139, 133, 133, 0.9);
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  height: 600px;
  width: 600px;
  background-image: url(https://media.istockphoto.com/photos/gym-space-picture-id1263905214?b=1&k=20&m=1263905214&s=170667a&w=0&h=d_AcACSLVm0CuPurs1ttrmWJKDZHQ9XnurdN5wkrwqw=);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 0px 0px 0px 0px;
}

.grid div {
border: none;
flex-grow: 1;
height: 5%;
width: 5%;
}

.grid div.burger {
  background-image: url(../Images/burger.png);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

.grid div.dumbbell {
  background-image: url(../Images/dumbell2.png);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.grid div.playerLaser {
  background-image: url(../Images/fries.png);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

.grid div.computerLaser {
  background-image: url(../Images/celery.png);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}