Почему у меня flex не выравнивает элементы по центру?

Всем привет! Почему у меня flex не выравнивает элементы по центру? 🤔

Хочу, чтобы всё было по центру горизонтально и вертикально, но они упорно прижаты к углу!

1
2
3

<div class="wrapper">
  <div class="box">Привет!</div>
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

.wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.box {
  background: pink;
  padding: 20px;
}

А wrapper внутри body, и всё равно всё сбито влево-вверх. Почему center игнорится? Что я не учёл? 😩