/* Display Configs */
.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-a_center-j_between{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-column-center{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

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

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

.flex-column-default{
    display: flex;
    flex-direction: column;
}

.flex-a_center-j_end{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.flex-a_start-j_between{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.flex-a_end-d_column{
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

/* Shadow & border configs */
.radius-shadow-lining{
    box-shadow: 0 0 4px var(--gray);

    border-radius: 4px;
}

/* Text configs */
.text-xs {
    font-size: .75rem !important
}

.text-sm {
    font-size: .875rem !important
}

.text-md {
    font-size: 1rem!important
}

.text-lg {
    font-size: 1.125rem!important
}

.text-xl {
    font-size: 1.25rem!important
}