* {
  box-sizing: border-box;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 15px;
  padding-right: 3px;
}

#forest {
  background-size: cover;
  opacity: 0.2;
  position: absolute;

}

#startbutton {
font-family: 'Bree Serif';
font-size: 20px;
background-color: lightgoldenrodyellow;
margin-top: 10px;
}

.grid {
  display: flex;
  flex-direction: row;
  width: 550px;
  height: 550px;
  flex-wrap: wrap;
  margin-top: 30px;
}
/* cellstyle is flex children of flex parent (.grid)  */
.cellstyle { 
  width: 10%;
  height: 10%;
  /* border: 1px solid grey;  */
  background-color: rgba(249, 226, 144, 1);
}

.cellstyleforlevel2 {
  width: 6.25%;
  height: 6.25%;
  background-color: rgba(249, 226, 144, 1);
}

.monkeystyle {
  background-image: url('https://www.antimonkeybutt.com/wp-content/uploads/2018/12/slide-runner-370.png');
  background-size: contain; 
}

.humanstyle {
  /* background-image: url('http://cliparts101.com/files/247/95F9ADD4C78201E98B78A1F4C218EF52/Hunter.png'); */
  background-image: url('http://clipart-library.com/images_k/hunter-silhouette-vector/hunter-silhouette-vector-6.png');
/* background-image: url('images/hunter2.png'); */
  background-size: contain;

}

.poop {
  background-image: url('https://wikiclipart.com/wp-content/uploads/2016/10/Poop-poo-clipart-2.png');
  background-size: contain; 
}


#parentofgrid {
  display: flex;
  align-items: flex-start;
  margin-bottom: -100px;
  margin-top: -20px;
  
}

#instructionbox {
  display: flex;
  flex-direction: column;
  /* border: 1px solid grey; */
  width: 500px;
  height: 600px;
  margin-right: 50px;
  border-radius: 10px;
  padding: 45px;
}
.scroll {
  background-size: cover;
  height: 700px;
  width: 400px;
  margin-bottom: 100px;
  margin-top: 0px;
  background-image: url("https://purepng.com/public/uploads/medium/purepng.com-scrollvintagepaperobjectoldrollscrollhistorygrungemessagepapyrusparchment-631522164174xa2t7.png")

}

h2 {
  text-align: center;
  font-family: 'Bree Serif';
  margin-top: 10px;
}

p {
  font-size: 14px;
  line-height: 30px;
  margin: 5px;
  font-family: 'Merriweather';
}

#scoresandlives {
  width: 550px;
  height: 30px; 
  display: flex;
  align-items: center;
  margin-left: 550px;
  margin-top: -10px;

}

#score {
  text-align: center;
}

.net {
  /* background-image: url("https://m.media-amazon.com/images/I/61F0vETEmAL._SR500,500_.jpg"); */
  background-image: url("https://i.ya-webdesign.com/images/rope-net-png.png");
  background-size: contain; 
}

#instructionsheading {
  margin-top: 50px;
}

#kingdom {
  width: 550px;
  height: 30px; 
  margin-left: 550px;
  background-color: gold;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  margin-top: -20px;

}

#forestimage {
  background-image: url("https://previews.123rf.com/images/brgfx/brgfx1707/brgfx170700488/82677328-monkeys-living-in-dark-forest-illustration.jpg");
  background-size: cover;

}


h1 {
  font-family: 'Bree Serif';
  font-size: 48px;
  text-align: center;
  margin-left: 70px;
}

.emphasis {
  font-weight: 800;
  color: red;
  display: inline;
}

.howtoplay {
  margin-top: 10px;
}

#nooflives {
  font-size: 32px;
  font-family: 'Bree Serif';
  text-align: center;
  width: 100%;

}