.button{
  background-color: #4CAF50; /* Green */
  border: none;
  color: black;
  padding: 8px 28px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}
.button1{
  background-color: #00FF33;
  border: 2px solid #4CAF50;
}
.button1:hover{
  background-color: Orange;
  border: 2px solid Orange;
  color: white;
}
.buttonX{
  background-color: Orange;
  border: 2px solid Orange;
  color: white;
}
.buttonX:hover{
  background-color: Orange;
  border: 2px solid Orange;
  color: white;
}
.tablemenu{
border: 3px solid white;
border-collapse: collapse;
width: 75%;
empty-cells: hide;
}
.trmenu{
border: 3px solid white;
color: white;
}
.tdmenu{
border: 3px solid white;
color: white;

}
.tdverttop{
	vertical-align: top;
}
.tblimg{
  object-fit: contain;
  width: 75%;
}
.tblimgrow{
  border: 3px solid black;
  width: 25%;
  text-align: center;
}
.tblimgrow20{
  border: 3px solid black;
  width: 20%;
  text-align: center;
}
.tblimgrow21{
  border: 3px solid black;
  width: 20%;
  text-align: center;
}
.tdguessbox{
  border: 3px solid black;
  width: 20%;
  text-align: center;
  text-style: bold;
  background-color: Green;
}
.pnamebox{
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  background-color: Green;
  color: white;
  cursor: pointer;
}
.guessit{
color: white;
}
.pwrongbox{
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  background-color: Red;
}
.droptarget {
  float: left; 
  width: 100px; 
  height: 35px;
  margin: 15px;
  padding: 10px;
  border: 1px solid #aaaaaa;
}
body{
  background-repeat: no-repeat;
  background-color: DarkBlue;
  background-image: linear-gradient(PowderBlue, DarkBlue);
}

h1{
  color: white;
}
h2{
  color: white;
}
h3{
  color: white;
}
td{
  background-color: Black;

}