body {
  background-color: green;
  display:flex;
  justify-content:center;
  margin:0;
}
* {
  user-drag: none; /* Make the image not draggable */
  -moz-user-select: none; /* Disable text selection in Firefox */
  -webkit-user-drag: none; /* Disable dragging in Safari */
  -webkit-user-select: none; /* Disable text selection in Safari */
  -ms-user-select: none; /* Disable text selection in Internet Explorer/Edge */
  user-select: none; /* Disable text selection in other browsers */
}
#box {
  margin-top:10px;
  width:800px; height:600px;
  background-color: lightgreen;
}
#game {
  width:100%; height:100%;
  display:grid;
  grid-template-columns: repeat(800,1fr);
  grid-template-rows:repeat(600,1fr);
}
#game img {
  height:100%;
  display:inline-grid;
}
#info_img {
  grid-column:12/span 70; grid-row:14/span 65;
}
#title {
  grid-column:200/span 400; grid-row:24/span 50;
  display: flex;
  justify-content: center;
  align-items: center;
}
#title img {
  height:60%;
  width:60%;
  opacity:.6;
}
#back_img {
  grid-column:12/span 70; grid-row:523/span 65;
}
#home_img {
  grid-column:726/span 70; grid-row:14/span 65;
}
#again_img {
  grid-column:726/span 70; grid-row:523/span 65;
}
.num {
  color:white;
  display:flex;
  justify-self:center;
  align-self:center;
  font-size: 150%;
  text-align: center;
}
#button {
  grid-column:380/span 60; grid-row:350/span 60;
  opacity:.01;
}
#counts {
  grid-column:318/span 192; grid-row:525/span 46;
  display:flex;
  justify-content: space-around;
  font-size: 200%;
  font-weight: bolder;
  color:brown;
}
#counts div{
  opacity:.2;
}
#scales, #left_down, #left_up {
  grid-column:98/span 695; grid-row:278/span 240;
}
#info {
  background-color: #cee;
  width:100%; height:100%;
  font-family: sans-serif;
  display:none;
}
#b12_head {
  font-style: italic;
  color:blue;
  text-align:center;
}
#top {
  display:flex;
  align-items:center;
  justify-content: space-between;
  width:80%; height:30%;
  margin:0 auto;
  padding-top: 3.5%;
  padding-bottom: 2.5%;
}
#x {
  height:30%;
}
#pic {
  height:100%;
}
p {
  margin: 1% 5%;
  font-size: 90%;
}
#button,.ball,.num,#info_img,#home_img,#back_img,#again_img,#title img {
  cursor: pointer;
}