/* ===================================================
   Flexbox 上下中央揃え
   数値は記事・CodePen と同じ。変えたのは色だけ（6 色に）。
   1つずつ、番号のところからコピーして使えます。
   =================================================== */

/* ---------- 01 上下中央揃え ---------- */
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 250px;
  background: #e8dc6a;
}
.container p {
  color: #2b2a27;
  font-weight: bold;
}