/* `dflex */
.dflex {
    display: flex;
}

.dflexcol {
    display: flex;
    flex-direction: column;
}

.dflexcen {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dflexcolcen {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.dflexjspace {
    display: flex;
    justify-content: space-between;
}

.dflexjsb {
    display: flex;
    justify-content: space-between;
}

.dflexjc {
    justify-content: center;
}

.dflexje {
    display: flex;
    justify-content: flex-end;
}

.dflexac {
    align-items: center;
}

.dflexae {
    align-items: flex-end;
}

.dflexas {
    align-items: flex-start;
}

.dflexwrap {
    flex-wrap: wrap;
}

.dflexfo {
    flex: 1;
}

.dflexft {
    flex: 2;
}

.dflexfthree {
    flex: 3;
}