Стиль Flexbox не применяется к элементам ⇐ Html

[Anonymous]

Как бы я ни стилизовал элемент, ни один из примененных мной стилей Flexbox не работает. Я искал решение повсюду, но не нашел его (извиняюсь, если это дубликат, так как я не смог найти ответа на проблему).
Я создал здесь CodePen.

Код: Выделить всё

* {
padding: 0;
margin: 0;
}

.test {
height: 10em;
width: 10em;
background: #333;
}

.test2 {
height: 2.5em;
width: 2.5em;
background: #ff0000;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
text-align: center;
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/341 ... o-elements