/* Displays */
.flex {
    display: flex;
}

.inline {
    display: inline;
}

.grid {
    display: grid;
}

.grid-col-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-col-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-col-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-col-6 {
    grid-template-columns: repeat(6, 1fr);
}

.grid-col-5 {
    grid-template-columns: repeat(5, 1fr);
}

.grid-row-4 {
    grid-template-rows: repeat(4, 1fr);
}

.grid-row-2 {
    grid-template-rows: repeat(2, 1fr);
}

.grid-row-3 {
    grid-template-rows: repeat(3, 1fr);
}

.grid-row-6 {
    grid-template-rows: repeat(6, 1fr);
}

.grid-row-5 {
    grid-template-rows: repeat(5, 1fr);
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline-flex {
    display: inline-flex;
}

.none {
    display: none;
}

.center {
    justify-content: center;
    align-items: center;
}

.flex-row {
    flex-direction: row;
}

.flex-col {
    flex-direction: column;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-col-reverse {
    flex-direction: column-reverse;
}

.flex-1 {
    flex: 1;
}

.wrap {
    flex-wrap: wrap;
}

.justify-evenly {
    justify-content: space-evenly;
}

.justify-around {
    justify-content: space-around;
}

.justify-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.align-evenly {
    align-items: space-evenly;
}

.align-around {
    align-items: space-around;
}

.align-between {
    align-items: space-between;
}

.align-center {
    align-items: center;
}

.align-start {
    align-items: flex-start;
}

.align-end {
    align-items: flex-end;
}

.align-top {
    align-items: top;
}

.gap-1 {
    gap: 1dvh;
}

.gap-2 {
    gap: 2dvh;
}

.gap-4 {
    gap: 4dvh;
}

.gap-8 {
    gap: 8dvh;
}

.gap-6 {
    gap: 6dvh;
}

.gap-10 {
    gap: 10dvh;
}

.gap-12 {
    gap: 12dvh;
}

.gap-16 {
    gap: 16dvh;
}

.gap-32 {
    gap: 32dvh;
}

.gap-64 {
    gap: 64dvh;
}