.matrix-container {
  display: flex;
  flex-direction: column;
}

.word-row {
    display: flex;
    margin-bottom: 5px;
}

.letter {
    width: 25px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 3px;
    font-size: 25px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
}

.letter-1 { color: #ffcc00;}
.letter-2 { color: #ffcc00;}
.letter-3 { color: #ffcc00;}
.letter-4 { color: #ffcc00;}
.letter-5 { color: #FF7F00;}
.letter-6 { color: #FF7F00;}
.letter-7 { color: #FF7F00;}
.letter-8 { color: #FF7F00;}
.letter-9 {
    color: #8e2f6a;
    font-weight: bold;
}
.letter-10 { color: #FF0000;}
.letter-11 { color: #FF0000;}
.letter-12 { color: #FF1493;}
.letter-13 { color: #FF1493;}
.letter-14 { color: #00ccff;}
.letter-15 { color: #00ccff;}
.letter-16 { color: #26be26;}
.letter-17 { color: #26be26;}
.letter-18 { color: #008000;}
.letter-19 { color: #008000;}