body {
  background-image: linear-gradient(45deg, #fafafa 35%, #ffffff 35%, #ffffff 50%, #fafafa 50%, #fafafa 85%, #ffffff 85%, #ffffff 100%);
  background-size: 14.14px 14.14px;
}

.linkingQuestion{  
  display: flex;
  font-size:20px;
  font-family : 'Century Gothic,CenturyGothic,AppleGothic,sans-serif';
  position:relative;
}

.dragElement{
  z-index:2;
  display:inline;
  cursor: grab;
}
.dropElement{
  cursor:pointer;
}
ul{
  list-style:none;
}
ul li{
  margin-bottom:5px;
}
canvas{
  z-index:-1;
  position:absolute;
  width:100%;
  height:100%;
}
.canvasWrapper{
  z-index:-1;
  position:relative;
  width:200px;
  margin:20px -9px
}
#dropUL{
  padding-left:0px;
}

#dropUL i{
  pointer-events:none;  
}

#dragUL li div{
  margin-left:10px;
  float:right;
}
#dropUL li div{
  margin-right:10px;
  float:left;
}

i.linked:before{
  content:'\f057'
}
i{
  font-size:25px;
}