:root {
  --color-white: hsl(0, 0%, 100%);
  --color-light: hsl(206, 33%, 96%);
  --color-black: hsl(0, 0%, 0%);
  --color-black-2: hsl(0, 0%, 12.5%);
  --color-night: hsl(214, 100%, 10%);
  --color-beige: hsl(40, 30%, 85%);
  --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.column-text2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 463px;
  height: 155px;
}

.column-one .xl-font,
.column-three .xl-font {
  color: #f5f5dc;
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 18px;
  font-weight: 400;
  line-height: 50px;
  letter-spacing: 0.5em;
}
.column-one .l-font,
.column-three .l-font {
  color: var(--color-beige);
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: Michroma;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.2em;
}

.column-two .xl-font {
  color: #2c2c2c;
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: Michroma;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px; /* 277.778% */
}
.column-two .l-font,
.column-four .l-font {
  color: var(--color-black);
  text-align: center;
  font-family: Michroma;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.2em;
  font-style: normal;
}