@charset "UTF-8";

body {
	
	padding-left:1vw;
	padding-right: 1vw;
}


#instructions {
	width: 35%;
	align-content: center;
	font-family: "gooddog-new";
	font-size: 2.5vw;
	float:right;
	padding-top: 1vw;

}
#spacing {
	height: 5vw;
	position:relative;
	top: 55vw;
}

#target-element1 {
  position: absolute;
  width: 13vw;
  height: 13vw;
  top: 0vw;
  left: 43vw;
  background: #FffFFF;
}

#resetMe {
  position: absolute;
  width: 10vw;
  height: 4vw;
	font-family: "wigwag-bold";
	font-size: 2vw;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px;
  top: 2vw;
  left: 2vw;
  line-height: 3vw;
	
}
#target-element2 {
  position: absolute;
  width: 13vw;
  height: 13vw;
  top: 34vw;
  left: 26vw;
  background: #FfffFF;
	border-radius: 10px;
}
#target-element3 {
  position: absolute;
  width: 13vw;
  height: 13vw;
  top: 34vw;
  left: 62vw;
  background: #FffFFF;
	border-radius: 10px;
}

#draggable-element {
  position: absolute;
  width: 10vw;
  height: 10vw;
  top: 14vw;
  left: 28vw;
  background: #0044ff;
  border-radius: 100%;
  box-shadow: inset 0 0 10vw #000;
}

#draggable-element2 {
  position: absolute;
  width: 10vw;
  height: 10vw;
  top: 14vw;
  left: 39.5vw;
  background: #0044FF;
  border-radius: 100%;
  box-shadow: inset 0 0 10vw #000;
}
#draggable-element3 {
  position: absolute;
  width: 10vw;
  height: 10vw;
  top: 14vw;
  left: 51vw;
  background: #0044FF;
  border-radius: 100%;
  box-shadow: inset 0 0 10vw #000;
}

#draggable-element4 {
  position: absolute;
  width: 10vw;
  height: 10vw;
  top: 14vw;
  left: 62.5vw;
  background: #0044FF;
  border-radius: 100%;
  box-shadow: inset 0 0 10vw #000;
}

#draggable-element5 {
  position: absolute;
  width: 10vw;
  height: 10vw;
  top: 24vw;
  left: 33.5vw;
  background: #0044FF;
  border-radius: 100%;
  box-shadow: inset 0 0 10vw #000;
}

#draggable-element6 {
  position: absolute;
  width: 10vw;
  height: 10vw;
  top: 24vw;
  left: 45vw;
  background: #0044FF;
  border-radius: 100%;
  box-shadow: inset 0 0 10vw #000;
}

#draggable-element7 {
  position: absolute;
  width: 10vw;
  height: 10vw;
  top: 24vw;
  left: 56.5vw;
  background: #0044FF;
  border-radius: 100%;
  box-shadow: inset 0 0 10vw #000;
}

#draggable-element8 {
  position: absolute;
  width: 10vw;
  height: 10vw;
  top: 34vw;
  left: 39.5vw;
  background: #0044FF;
  border-radius: 100%;
  box-shadow: inset 0 0 10vw #000;
}

#draggable-element9 {
  position: absolute;
  width: 10vw;
  height: 10vw;
  top: 34vw;
  left: 51.5vw;
  background: #0044FF;
  border-radius: 100%;
  box-shadow: inset 0 0 10vw #000;
}

#draggable-element10 {
  position: absolute;
  width: 10vw;
  height: 10vw;
  top: 44vw;
  left: 45.5vw;
  background: #0044FF;
  border-radius: 100%;
  box-shadow: inset 0 0 10vw #000;
}