Why does align-items not center the div?

So I tried to center the text under the header in the vertically in the body. What I learned, was to use align-items, since I already changed the div's display to flex. What could be the problem here?

I'm new to css and html so please be patient with me: https://codepen.io/Pacman-3011/pen/ExXgZye