#srcbox{
  /*min-width: 30rem;*/
  /*position: absolute;*/
  max-width: 100rem;
  min-height: 5rem;
  font-size: 1rem;
  /*font-weight: 700;*/
  display: none;
  flex-wrap: wrap;
  margin: auto;
  align-items: center;
  justify-content: center;
}
.WORD {
  position: relative;
  background: transparent;
  color: #333;
  font-size: 1rem;
  padding: 0.2rem;
  margin: 0.5rem;
}
.WORD:hover{
  font-style: oblique;
  /*font-stretch:ultra-expanded;*/
  cursor: pointer;
  background-color: darkcyan;
  /*background-color: indigo;*/
  color: whitesmoke;
}
.WORD.classed{
  margin: 0.1rem;
  padding: 0.1rem;
}

@keyframes example {
  /*from {background-color: red;}*/
  to {background-color: midnightblue; color: whitesmoke;}
}
#dropArea {
  /*font-family: 'Rubik', sans-serif;*/
  display: none;
  height: 6rem;
  line-height: 2rem;
  /*min-height: 30rem;*/
  word-wrap: normal;
  font-size: 1rem;
  background: transparent;
  color: midnightblue;
  flex-wrap: wrap;
  /*margin: auto;*/
  /*margin: 0.2rem 0.2rem 0.2rem 0.2rem;*/
  padding:  0.2rem;
  margin-top: 0.5rem;
  margin-bottom: 4rem;
  justify-content: center;
  align-items: center;
}

#dropArea .WORD{
  border: none;
  padding: 0;
  margin-right: 0.1rem;
}

/*#chkbtn{
  margin: 1rem;
  background: mintcream;
  color: black;
  font-size: 1rem;
  font-family: 'Rubik', sans-serif;
  align-self: center;
  border-right: 2px solid midnightblue;
  border-bottom: 2px solid midnightblue;
  border-radius: 1.5rem;
  padding: 0.3rem;
}*/
#btnbox{
  display: flex;
  justify-content: center;
  margin: auto;
}