section{
  display: flex;
  justify-content: center;
  margin: auto;
  /*background: teal;*/
}
#matchBox{
  display: flex;
}
.colLeft{
  background: transparent;
  margin-top: auto;
  margin-right: 0.5rem;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  justify-content: none;
}

.colRight{
  background: transparent;
  margin-top: auto;
  margin-right: 0.5rem;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  justify-content: none;
  pointer-events: none;
}
.marker {
/*    margin: 0.5em;
  padding: 3em;
  border: solid black;*/
}
#WORD:hover {
 transform: translate(0, -10%);
 background: white;
 color: midnightblue;
 border-bottom: solid mintcream;
}
#WORD {
  align-content: center;
  height: 20%;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  background: mintcream;
  color: midnightblue;
  font-size: 1rem;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  margin: 0.2rem;
}
/*#target {
  border: 1px solid black;
}*/
/*  .onDragOver{
  border: 4px dotted slategrey;
  background: grey;
}
*/
/*.dropped{
  border: 4px solid red;
}*/
.newclass{
  border: 4px solid red;
  /*font-size: 5rem;*/
}

.curSel{
  background: yellow;
}

.word{
  text-align: left;
  align-content: flex-start;
  /*height: 20%;*/
  border: 0.2rem solid #AAA;
  background-color: transparent;
  /*border-top: 0;*/
  /*border-right: 0;*/
  /*border-left: 0;*/
  /*border-bottom: solid gray;*/
  /*font-family: 'Rubik', sans-serif;*/
  /*background: mintcream;*/
  color: auto;
  font-size: 1rem;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  /*border-radius: 1rem;*/
  margin: 0.2rem;
  /*box-shadow: 0px 0px 0.8rem 0px midnightblue;*/
  /*teal #004545; */
}