.flex-row { display: flex; flex-direction: row; }
.flex-col { display: flex; flex-direction: column; }
.flex-row-left { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }
.flex-row-right { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; }
.flex-row-center-center { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.flex-row-left-center { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }
.flex-row-right-center { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; }
.flex-row-between { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.flex-row-around { display: flex; flex-direction: row; align-items: center; justify-content: space-around; }
.flex-col-center { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.flex-col-center-top { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
.flex-1 { flex: 1; }