<div class="container">
  <p>Some longer text to be vertically centered. Did you know that the puffin is not actually the national bird of Iceland? That title goes to the Gyrfalcon, which is the largest falcon in the world.</p>
</div>

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

:root {
  --const-color-black: #000000;
  --const-color-white: #FFFFFF;
  --color-header: #D9A443;
  --color-main-background: #F9F6F1;
  --color-link: #375F9B;
}

body {
  font-family: 'Open Sans', sans-serif;
  color: var(--const-color-black);
}

* {
  box-sizing: border-box;
}

.container {
  background-color: var(--color-main-background);
  border: 1px solid var(--color-link);
  margin: 1.0rem auto;
  min-height: 200px;
  padding: 0 1.0rem;
  width: 100%;
  
  /* Horizontally center inline child elements */
  text-align: center;
  
  /* Set parent element to display: table */
  display: table;
}

.container p {
  /* Set child element to display: table-cell */
  display: table-cell;
  
  /* Set vertical-align to middle */
  vertical-align: middle;
}