/* Classic */
.justify-center {
  justify-content: center;
}

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

.height-100 {
  height: 100%;
}

.height-80 {
  height: 80%;
}

.height-60 {
  height: 60%;
}

.height-50 {
  height: 50%;
}

.height-40 {
  height: 40%;
}

.height-20 {
  height: 20%;
}

.width-100 {
  width: 100%;
}

.width-80 {
  width: 80%
}

.width-60 {
  width: 50%
}

.width-50 {
  width: 50%
}

.width-40 {
  width: 50%
}

.width-20 {
  width: 50%
}

.display-none {
  display: none;
}

/* Flex */
.display-flex {
  display : flex;
}

.flex-direction-horizontal {
  flex-direction: row;
}

.flex-direction-horizontal-reverse{
  flex-direction: row-reverse;
}

.flex-direction-vertical {
  flex-direction: column;
}

.flex-direction-vertical-reverse {
  flex-direction: column-reverse;
}

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

.justify-content-left {
  justify-content: left;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-right {
  justify-content: right;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-basis-5 {
  flex-basis: 5%
}

.flex-basis-10 {
  flex-basis: 10%
}

.flex-basis-15 {
  flex-basis: 15%
}

.flex-basis-20 {
  flex-basis: 20%
}

.flex-basis-30 {
  flex-basis: 30%
}

.flex-basis-40 {
  flex-basis: 40%
}

.flex-basis-50 {
  flex-basis: 50%
}

.flex-basis-60 {
  flex-basis: 60%
}

.flex-basis-70 {
  flex-basis: 70%
}

.flex-basis-80 {
  flex-basis: 80%
}

.flex-basis-90 {
  flex-basis: 90%
}

.flex-basis-100 {
  flex-basis: 100%
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-grow-2 {
  flex-grow: 2;
}

.flex-grow-3 {
  flex-grow: 3;
}

.flex-grow-4 {
  flex-grow: 4;
}

.flex-grow-5 {
  flex-grow: 5;
}

.flex-grow-6 {
  flex-grow: 6;
}

.flex-grow-7 {
  flex-grow: 7;
}

.flex-grow-8 {
  flex-grow: 8;
}

.flex-grow-9 {
  flex-grow: 9;
}

/* Effects */
.effect-selected {
  border: 2px solid green;
}