/***** margins *****/

.mt-0, .my-0, .m-0 {
    margin-top: 0;
}
.mt-10, .my-10, .m-10 {
    margin-top: 0.625rem;
}
.mt-20, .my-20, .m-20 {
    margin-top: 1.25rem;
}
.mt-40, .my-40, .m-40 {
    margin-top: 2.5rem;
}
.mt-80, .my-80, .m-80 {
    margin-top: 5rem;
}
.mt-100, .my-100, .m-100 {
    margin-top: 6.25rem;
}
.mt-140, .my-140, .m-140 {
    margin-top: 8.75rem;
}

.mt-0, .mx-0, .m-0 {
    margin-right: 0;
}
.mr-10, .mx-10, .m-10 {
    margin-right: 0.625rem;
}
.mr-20, .mx-20, .m-20 {
    margin-right: 1.25rem;
}
.mr-40, .mx-40, .m-40 {
    margin-right: 2.5rem;
}
.mr-80, .mx-80, .m-80 {
    margin-right: 5rem;
}
.mr-100, .mx-100, .m-100 {
    margin-right: 6.25rem;
}
.mr-140, .mx-140, .m-140 {
    margin-right: 8.75rem;
}

.mb-0, .my-0, .m-0 {
    margin-bottom: 0;
}
.mb-10, .my-10, .m-10 {
    margin-bottom: 0.625rem;
}
.mb-20, .my-20, .m-20 {
    margin-bottom: 1.25rem;
}
.mb-40, .my-40, .m-40 {
    margin-bottom: 2.5rem;
}
.mb-80, .my-80, .m-80 {
    margin-bottom: 5rem;
}
.mb-100, .my-100, .m-100 {
    margin-bottom: 6.25rem;
}
.mb-140, .my-140, .m-140 {
    margin-bottom: 8.75rem;
}

.ml-0, .mx-0, .m-0 {
    margin-left: 0;
}
.ml-10, .mx-10, .m-10 {
    margin-left: 0.625rem;
}
.ml-20, .mx-20, .m-20 {
    margin-left: 1.25rem;
}
.ml-40, .mx-40, .m-40 {
    margin-left: 2.5rem;
}
.ml-80, .mx-80, .m-80 {
    margin-left: 5rem;
}
.ml-100, .mx-100, .m-100 {
    margin-left: 6.25rem;
}
.ml-140, .mx-140, .m-140 {
    margin-left: 8.75rem;
}

/***** paddings *****/

.pt-0, .py-0, .p-0 {
   padding-top: 0;
}
.pt-10, .py-10, .p-10 {
   padding-top: 0.625rem;
}
.pt-20, .py-20, .p-20 {
   padding-top: 1.25rem;
}
.pt-40, .py-40, .p-40 {
   padding-top: 2.5rem;
}
.pt-80, .py-80, .p-80 {
   padding-top: 5rem;
}
.pt-100, .py-100, .p-100 {
   padding-top: 6.25rem;
}
.pt-140, .py-140, .p-140 {
   padding-top: 8.75rem;
}

.pt-0, .px-0, .p-0 {
   padding-right: 0;
}
.pr-10, .px-10, .p-10 {
   padding-right: 0.625rem;
}
.pr-20, .px-20, .p-20 {
   padding-right: 1.25rem;
}
.pr-40, .px-40, .p-40 {
   padding-right: 2.5rem;
}
.pr-80, .px-80, .p-80 {
   padding-right: 5rem;
}
.pr-100, .px-100, .p-100 {
   padding-right: 6.25rem;
}
.pr-140, .px-140, .p-140 {
   padding-right: 8.75rem;
}

.pb-0, .py-0, .p-0 {
   padding-bottom: 0;
}
.pb-10, .py-10, .p-10 {
   padding-bottom: 0.625rem;
}
.pb-20, .py-20, .p-20 {
   padding-bottom: 1.25rem;
}
.pb-40, .py-40, .p-40 {
   padding-bottom: 2.5rem;
}
.pb-80, .py-80, .p-80 {
   padding-bottom: 5rem;
}
.pb-100, .py-100, .p-100 {
   padding-bottom: 6.25rem;
}
.pb-140, .py-140, .p-140 {
   padding-bottom: 8.75rem;
}

.pl-0, .px-0, .p-0 {
   padding-left: 0;
}
.pl-10, .px-10, .p-10 {
   padding-left: 0.625rem;
}
.pl-20, .px-20, .p-20 {
   padding-left: 1.25rem;
}
.pl-40, .px-40, .p-40 {
   padding-left: 2.5rem;
}
.pl-80, .px-80, .p-80 {
   padding-left: 5rem;
}
.pl-100, .px-100, .p-100 {
   padding-left: 6.25rem;
}
.pl-140, .px-140, .p-140 {
   padding-left: 8.75rem;
}