.flex-container {
  display: flex;
  height: 100vh;
  /* width: 100vh; */
  flex-direction: column;
  flex-wrap: nowrap;
}

.flex-container div {
  flex-direction: column;
  height: 100px;
  width: 100px;
  border-top: 1px solid #687291;
  margin: auto;
}

.flex-container div:nth-child(even) {
  background-color: #eeeff2;
}

.flex-container div:nth-child(odd) {
  background-color: #dfe1e7;
}

.flex-container div:nth-last-child(1) {
  background-color: #687291;
  border: 4px solid #000000;
}
div p {
  font-size: 40px;
  font: Tahoma;
  text-align: center;
  /* vertical-align: text-top; */
}

div#f p {

    text-align: center;
    vertical-align: -webkit-baseline-middle;
  }