Block alignment?

Question

css

The blocks should be centered (like they are), but the text in them is somehow strange ... (should be on the same level), and all the text is the same size
codepen - here

Answer 1

header {
display: flex;
border: Black 2px dotted;
justify-content: center;
align-items: center;
background-color: #20B2AA;
}