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

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.uppercase {
    text-transform: uppercase;
}

.font-semibold {
    font-weight: 600;
}
.font-bold {
    font-weight: 700;
}

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

.none {
    display: none;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}

.rounded {
    border-radius: 0.25rem;
}

@media (min-width: 640px) {
    .md\:inline-block {
        display: inline-block;
    }
}

.w-full {
    width: 100%;
}

/* padding */
.p-0 {
    padding: 0;
}
.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}
.px-0 {
    /* padding-left: 0; */
    /* padding-right: 0; */
}
.pl-0 {
    padding-left: 0;
}
.p-2 {
    padding: 0.5rem;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.p-4 {
    padding: 1rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.pt-8 {
    padding-top: 2rem;
}
.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/* margin */
.m-0 {
    margin: 0px;
}
.mx-0 {
    margin-left: 0;
    margin-right: 0;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.ml-4 {
    margin-left: 1rem;
}
.mt-6 {
    margin-top: 1.5rem;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.mb-8 {
    margin-bottom: 2rem;
}
.mt-8 {
    margin-top: 2rem;
}
.mb-12 {
    margin-bottom: 3rem;
}

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

.object-bottom {
    object-position: bottom;
}
.object-center {
    object-position: center;
}
.object-center-top {
    object-position: center top;
}
.object-left {
    object-position: left;
}
.object-left-bottom {
    object-position: left bottom;
}
.object-left-top {
    object-position: left top;
}
.object-right {
    object-position: right;
}
.object-right-bottom {
    object-position: right bottom;
}
.object-right-top {
    object-position: right top;
}
.object-top {
    object-position: top;
}

.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-around {
    justify-content: space-around;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}
.flex {
    display: flex;
}
.flex-1 {
    flex: 1 1 0%;
}
.flex-col {
    flex-direction: column;
}