.wordwall {
  display:grid;
  display:-ms-grid;
  grid-gap: 1px;
  grid-template-columns:repeat(3,1fr);
  -ms-grid-columns:repeat(3,1fr);
  height:300px;
  width:100%;
}
.wordwall>div {
  position:relative;
  background:lightgrey;
  display:flex;
  justify-content:center;
  align-items:center;
}
.wordwall>div>i {
  position:absolute;
  padding-left:4px;
  top:0;
  left:0;
  font-size:80%;
}
.barchart>div {
  white-space:nowrap;
  padding:0;
  height:40px;
  line-height:40px;
}
div.blockbreak {
  box-decoration-break:clone;
  width:100%;
}
div.blockbreak>* {
  display:inline;
  background:white;
  padding:8px;
  margin-bottom:8px;
}
div.blockbreak>*:after {
    content:"\a";
    white-space: pre;
}
.speech { 
  border-radius:8px; 
  padding:16px; 
  background:white; 
  color:black; 
}
.speech+.speech { 
  margin-top:54px; 
}
.speech:before { 
  content: ''; 
  position: absolute; 
  bottom: 0; 
  left: 80%; 
  width: 0; 
  height: 0; 
  border: 30px solid transparent; 
  border-top-color: white; 
  border-bottom: 0; 
  border-right: 0; 
  margin-left: -10px; 
  margin-bottom: -30px; 
}