.flex {
    flex: 1;
}

.half-flex {
    flex: 0.5;
}

.disflex {
    display: flex;
}

.main-flex {
    display: flex;
    background-color: #efefef;
    opacity: 0.95;
    width:100%;
    flex: 1;
    padding: 0 2rem;
    justify-content: space-around;
}

.flex.title {
    font-size: 1.3rem;
    font-weight: bold;
    padding: 0.5rem 0;
    flex: 0.6;
}

.flex-row {
    display: flex;
    flex: 1;
    flex-direction: row;
}

.flex-column {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 0 2rem;
}

.last {
    flex: 0.6
}

.flex-column.around,
.flex-row.around {
    justify-content: space-around
}

.flex-column.center,
.flex-row.center {
    justify-content: center
}

.flex-column.even,
.flex-row.even {
    justify-content: space-evenly
}

.flex-column.between,
.flex-row.between {
    justify-content: space-between
}

.start {
    align-items: flex-start
}

.align-center {
    align-items: center;
}

.self-center {
    align-self: center;
}