/* Positions and style for the code blocks */
.codeBlocks {
  float: right;
  margin: 20px;
  width: 100px;
  height: 100px;
  border: transparent;
}

/* Positions and style for the drop places */
.dropClass {
  float: left;
  width: 60px;
  height: 110px;
  overflow: hidden;
  margin: 3.0px;
  border: 3px solid blue;
}

/* Style for door */
.door_div {
  padding-top: 0px;
  padding-left: 100px;
  padding-bottom: 0px;
  padding-right: 0px;
  background-image: url('assets/Door.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 700px;
  height: 400px;
}

/* Style for Cannon */
.cannon {
  pointer-events: none;
}