.word--crossword {
	font-size: 13vh;
	font-family: 'Barrio', serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	line-height: 0.9;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, 0.65em);
	justify-self: center;
}

.word--crossword span {
	text-align: center;	
	display: block;
}

.word__cross {
	pointer-events: none;
	color: #3f2b9a;
}

.word__cross span {
	opacity: 0;

}

.rainbow-text {
  display: inline-block;
  font-size: 1.5em;
  font-family: 'Nunito', sans-serif;
  white-space: nowrap;
}

.rainbow-text span {
  display: inline-block;
  animation: rainbow 1s infinite;
}

@keyframes rainbow {
  0% { color: red; }
  14% { color: orange; }
  28% { color: yellow; }
  42% { color: green; }
  57% { color: blue; }
  71% { color: indigo; }
  85% { color: violet; }
  100% { color: red; }
}