body {
  background-color: rgb(180, 161, 170);
  font-family: Georgia, "Times New Roman", Times, serif;

}

h1{
  text-align: center;
}
.fullImage{
  background-image: url("images/pokeman.png");
  width: 400px;
  height: 400px;
  display: block;
  margin: 1px auto;


}




#playArea{
  width: 400px;
  height: 400px;
  position: relative;
}

.puzzle{
  
  width: 200px;
  height: 200px;
  border: 1px solid black;
  cursor: move;
  top: 200px;
  line-height: 200px;
  position: absolute;
  

}
.p1{
  background-position:0px 0px ;
  top:0px;
  left:0px;
  background-image: url("./images/pokeman.png");
  
}
.p2{
  background-position:0px 200px ;
  top:0px;
  left:200px;
  background-image: url("images/pokeman.png");
  
  
}
.p3{
  background-position:200px 0px ;
  top:200px;
  left:0px;
  background-image: url("images/pokeman.png");
  
}
.p4{
  background-position:200px 200px ;
  top:200px;
  left:200px;
  background-image: url("images/pokeman.png");
  
}




#btnRule{
  text-align: center;
}