Выравнивание блоков?

Question

[Влад]

Блоки должны стоять по центру (вроде стоят), но текст в них стоит как-то странно... (должен быть на одном уровне), и весь текст одного размера
codepen - здесь

Answer 1

[Максим]

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

Answer 2

[hzzzzl]

и весь текст одного размера

во втором блоке текст стоит в теге h1, он не будет по умолчанию одного размера

header div {
    font-size: 40pt;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 4rem 0;
    width: 400px;
    border: Black 1px solid;
}

header h1 {
    color: #1E90FF;
    font-size: 40pt;
    font-weight: 400;
}