.df {
  display: flex;
}

.flex1 {
  flex: 1;
}

.fdc {
  flex-direction: column;
}
.fww {
  flex-wrap: wrap;
}
.aic {
  align-items: center;
}

.jcc {
  justify-content: center;
}
.jce {
  justify-content: flex-end;
}
.jcsb {
  justify-content: space-between;
}

.jcsa {
  justify-content: space-around;
}

.f_r {
  display: flex;
}
.f_r_w {
  display: flex;
  flex-wrap: wrap;
}
.f_c {
  display: flex;
  flex-direction: column;
}
.a_i_b{
  align-items: baseline;
}
.f_r_m_c {
  display: flex;
  align-items: center;
}
.f_r_m_fe {
  display: flex;
  align-items: flex-end;

}
.a_i_e{
  align-items: flex-end;
}
.f_r_fe_c {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.f_r_sb_c {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.f_r_sb_m {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.f_r_c_c {
  display: flex;
  justify-content: center;
  align-items: center;
}
.f_r_sa_c {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.f_c_c_c {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.f_c_c_m {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.f_c_m_c {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.f_c_sb_m {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}