.matching-wrapper{
  display: table;
  margin: auto;
}
.left-side,.right-side{
  display: table-cell;
  flex-direction: column;
  padding-left:10px;
  padding-right:10px;
}
.left-side>div{
  color:rgba(0,0,0,0.1);
  background:#fafafa;
  text-align: center;
  font-size:3em;
  border:1px solid #eee;
  padding:10px 20px;
  border-radius: 10px;
  margin-bottom:10px;
  padding-right:100px;
}
.drag{
  color:#999;
  background:rgba(200,200,200,.2);
  text-align: center;
  font-size:3em;
  border:1px solid rgba(200,200,200,.2);
  padding-left:20px;
  padding-right:20px;
  border-radius: 10px;
  display: table;
  margin-bottom:10px;
}
.fill.red{
  background:#FFE5E5;
  border:1px solid #FFD2D2;
}
.fill.green{
  background:#CCFFCC;
  border:1px solid #AFEAAA;
}