複数行のテキストを垂直方向に中央揃え

<section>
  <h1>Hey I am Mimich1>
  <p>a web developerp>
section>
<style>
    section {
      
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 500px;
      background: #3a3d40;
      color: #fff
	}
style>

demo