/*
    PADDING
*/
.p-025 {
    padding: 0.25rem;
}
.p-050 {
    padding: 0.5rem;
}
.p-100 {
    padding: 1rem;
}
.p-150 {
    padding: 1.5rem;
}
.p-200 {
    padding: 2rem;
}
.p-250 {
    padding: 2.5rem;
}
.p-300 {
    padding: 3rem;
}
.p-350 {
    padding: 3.5rem;
}
.pl-025 {
    padding-left: 0.25rem;
}
.pl-050 {
    padding-left: 0.5rem;
}
.pl-100 {
    padding-left: 1rem;
}
.pl-150 {
    padding-left: 1.5rem;
}
.pl-200 {
    padding-left: 2rem;
}
.pl-250 {
    padding-left: 2.5rem;
}
.pl-300 {
    padding-left: 3rem;
}
.pl-350 {
    padding-left: 3.5rem;
}
.pr-025 {
    padding-right: 0.25rem;
}
.pr-050 {
    padding-right:0.5rem;
}
.pr-100 {
    padding-right: 1rem;
}
.pr-150 {
    padding-right: 1.5rem;
}
.pr-200 {
    padding-right: 2rem;
}
.pr-250 {
    padding-right: 2.5rem;
}
.pr-300 {
    padding-right: 3rem;
}
.pr-350 {
    padding-right: 3.5rem;
}
.pt-025 {
    padding-top: 0.25rem;
}
.pt-050 {
    padding-top: 0.5rem;
}
.pt-100 {
    padding-top: 1rem;
}
.pt-150 {
    padding-top: 1.5rem;
}
.pt-200 {
    padding-top: 2rem;
}
.pt-250 {
    padding-top: 2.5rem;
}
.pt-300 {
    padding-top: 3rem;
}
.pt-350 {
    padding-top: 3.5rem;
}
.pb-025 {
    padding-bottom: 0.25rem;
}
.pb-050 {
    padding-bottom: 0.5rem;
}
.pb-100 {
    padding-bottom: 1rem;
}
.pb-150 {
    padding-bottom: 1.5rem;
}
.pb-200 {
    padding-bottom: 2rem;
}
.pb-250 {
    padding-bottom: 2.5rem;
}
.pb-300 {
    padding-bottom: 3rem;
}
.pb-350 {
    padding-bottom: 3.5rem;
}

/*
    MARGIN
*/
.m-025 {
    margin: 0.25rem;
}
.m-050 {
    margin: 0.5rem;
}
.m-100 {
    margin: 1rem;
}
.m-150 {
    margin: 1.5rem;
}
.m-200 {
    margin: 2rem;
}
.m-250 {
    margin: 2.5rem;
}
.m-300 {
    margin: 3rem;
}
.m-350 {
    margin: 3.5rem;
}
.ml-025 {
    margin-left: 0.25rem;
}
.ml-050 {
    margin-left: 0.5rem;
}
.ml-100 {
    margin-left: 1rem;
}
.ml-150 {
    margin-left: 1.5rem;
}
.ml-200 {
    margin-left: 2rem;
}
.ml-250 {
    margin-left: 2.5rem;
}
.ml-300 {
    margin-left: 3rem;
}
.ml-350 {
    margin-left: 3.5rem;
}
.mr-025 {
    margin-right: 0.25rem;
}
.mr-050 {
    margin-right:0.5rem;
}
.mr-100 {
    margin-right: 1rem;
}
.mr-150 {
    margin-right: 1.5rem;
}
.mr-200 {
    margin-right: 2rem;
}
.mr-250 {
    margin-right: 2.5rem;
}
.mr-300 {
    margin-right: 3rem;
}
.mr-350 {
    margin-right: 3.5rem;
}
.mt-025 {
    margin-top: 0.25rem;
}
.mt-050 {
    margin-top: 0.5rem;
}
.mt-100 {
    margin-top: 1rem;
}
.mt-150 {
    margin-top: 1.5rem;
}
.mt-200 {
    margin-top: 2rem;
}
.mt-250 {
    margin-top: 2.5rem;
}
.mt-300 {
    margin-top: 3rem;
}
.mt-350 {
    margin-top: 3.5rem;
}
.mb-025 {
    margin-bottom: 0.25rem;
}
.mb-050 {
    margin-bottom: 0.5rem;
}
.mb-100 {
    margin-bottom: 1rem;
}
.mb-150 {
    margin-bottom: 1.5rem;
}
.mb-200 {
    margin-bottom: 2rem;
}
.mb-250 {
    margin-bottom: 2.5rem;
}
.mb-300 {
    margin-bottom: 3rem;
}
.mb-350 {
    margin-bottom: 3.5rem;
}

/*
    WIDTH
*/
.w-100 {
    width: 100%;
}

.w-50 {
    width: 50%;
}
.w-33 {
    width: 33.3%;
}
.w-25 {
    width: 25%;
}
.w-20 {
    width: 20%;
}
.w-16 {
    width: 16.6%;
}
.h-100 {
    height: 100%;
}

/*
    FLEX
*/
.d-flex {
    display: flex;
}
.flex-row {
    flex-direction: row;
}
.flex-col {
    flex-direction: column;
}
.flex-full-center {
    justify-content: center;
    align-items: center;
}
.flex-vertical-center {
    align-items: center;
}
.flex-horizontal-center {
    justify-content: center;
}
.flex-vertical-end {
    align-items: flex-end;
}
.flex-horizontal-end {
    justify-content: flex-end;
}
.flex-vertical-start {
    align-items: flex-start;
}
.flex-horizontal-start {
    justify-content: flex-start;
}
.flex-wrap {
    flex-wrap: wrap;
}
.gap-025 {
    gap: 0.25rem;
}
.gap-050 {
    gap: 0.5rem;
}
.gap-100 {
    gap: 1rem;
}
.gap-150 {
    gap: 1.5rem;
}
.gap-200 {
    gap: 2rem;
}
.gap-250 {
    gap: 2.5rem;
}
.gap-300 {
    gap: 3rem;
}
.gap-350 {
    gap: 3.5rem;
}