/* ——————— display ——————— */
.df {
  display: flex;
}

/* ——————— flex-direction ——————— */
.fd_c {
  flex-direction: column;
}

/* ——————— justify-content ——————— */
.jc_c {
  justify-content: center;
}
.jc_fe {
  justify-content: flex-end;
}
.jc_fs {
  justify-content: flex-start;
}
.jc_sb {
  justify-content: space-between;
}
.jc_se {
  justify-content: space-evenly;
}

/* ——————— align-items ——————— */
.ai_c {
  align-items: center;
}
.ai_fe {
  align-items: flex-end;
}
.ai_fs {
  align-items: flex-start;
}

/* ——————— flex-wrap ——————— */
.fw_w {
  flex-wrap: wrap;
}