.flex {
    display: flex;
}
.flex-dir-left {
    flex-direction: row;
}
.flex-dir-right {
    flex-direction: row-reverse;
}
.flex-dir-top {
    flex-direction: column;
}
.flex-dir-bottom {
    flex-direction: column-reverse;
}
.flex-main-left {
     justify-content: left;
 }
.flex-main-right {
    justify-content: right;
}
.flex-main-justify {
    justify-content: space-between;
}
.flex-main-center {
    justify-content: center;
}
.flex-cross-center {
    align-items: center;
}
.flex-cross-top {
    align-items: flex-start;
}
.flex-cross-bottom {
    align-items: flex-end;
}