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

/* font */
.italic { font-style: italic; }

/* flex */
.flex { display: flex; }
.flex-col { flex-direction: column; }
.wrap { flex-wrap: wrap; }
.justify-center { justify-content: center; }
.justify-end { justify-content: end; }
.justify-between { justify-content: space-between; }
.items-center { align-items: center; }

/* margin old 2.5 */
.mb-2-5 { margin-bottom: 0.625rem; /* 10px */ }
.ml-2-5 { margin-left: 0.5rem; /* 8px */ }
.mx-2-5 { margin-left: 0.625rem; /* 10px */ margin-right: 0.625rem; /* 10px */ }

/* margin 0 */
.m-0 { margin: 0 !important; }
.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.ms-0 { margin-inline-start: 0 !important; }
.me-0 { margin-inline-end: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.ml-0 { margin-left: 0 !important; }

/* margin 1 Pixel */
.m-px { margin: 1px; }
.mx-px { margin-left: 1px; margin-right: 1px; }
.my-px { margin-top: 1px; margin-bottom: 1px; }
.ms-px { margin-inline-start: 1px; }
.me-px { margin-inline-end: 1px; }
.mt-px { margin-top: 1px; }
.mr-px { margin-right: 1px; }
.mb-px { margin-bottom: 1px; }
.ml-px { margin-left: 1px; }

/* margin 0.125rem (2px) */
.m-0\.5 { margin: 0.125rem; }
.mx-0\.5 { margin-left: 0.125rem; margin-right: 0.125rem; }
.my-0\.5 { margin-top: 0.125rem; margin-bottom: 0.125rem; }
.ms-0\.5 { margin-inline-start: 0.125rem; }
.me-0\.5 { margin-inline-end: 0.125rem; }
.mt-0\.5 { margin-top: 0.125rem; }
.mr-0\.5 { margin-right: 0.125rem; }
.mb-0\.5 { margin-bottom: 0.125rem; }
.ml-0\.5 { margin-left: 0.125rem; }

/* margin 0.25rem (4px) */
.m-1 { margin: 0.25rem; }
.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.ms-1 { margin-inline-start: 0.25rem; }
.me-1 { margin-inline-end: 0.25rem; }
.mt-1 { margin-top: 0.25rem; }
.mr-1 { margin-right: 0.25rem; }
.mb-1 { margin-bottom: 0.25rem; }
.ml-1 { margin-left: 0.25rem; }

/* margin 0.375rem (6px) */
.m-1\.5 { margin: 0.375rem; }
.mx-1\.5 { margin-left: 0.375rem; margin-right: 0.375rem; }
.my-1\.5 { margin-top: 0.375rem; margin-bottom: 0.375rem; }
.ms-1\.5 { margin-inline-start: 0.375rem; }
.me-1\.5 { margin-inline-end: 0.375rem; }
.mt-1\.5 { margin-top: 0.375rem; }
.mr-1\.5 { margin-right: 0.375rem; }
.mb-1\.5 { margin-bottom: 0.375rem; }
.ml-1\.5 { margin-left: 0.375rem; }

/* margin 0.5rem (8px) */
.m-2 { margin: 0.5rem; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.ms-2 { margin-inline-start: 0.5rem; }
.me-2 { margin-inline-end: 0.5rem; }
.mt-2 { margin-top: 0.5rem; }
.mr-2 { margin-right: 0.5rem; }
.mb-2 { margin-bottom: 0.5rem; }
.ml-2 { margin-left: 0.5rem; }

/* margin 0.625rem (10px) */
.m-2\.5 { margin: 0.625rem; }
.mx-2\.5 { margin-left: 0.625rem; margin-right: 0.625rem; }
.my-2\.5 { margin-top: 0.625rem; margin-bottom: 0.625rem; }
.ms-2\.5 { margin-inline-start: 0.625rem; }
.me-2\.5 { margin-inline-end: 0.625rem; }
.mt-2\.5 { margin-top: 0.625rem; }
.mr-2\.5 { margin-right: 0.625rem; }
.mb-2\.5 { margin-bottom: 0.625rem; }
.ml-2\.5 { margin-left: 0.625rem; }

/* margin 0.75rem (12px) */
.m-3 { margin: 0.75rem; }
.mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
.my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.ms-3 { margin-inline-start: 0.75rem; }
.me-3 { margin-inline-end: 0.75rem; }
.mt-3 { margin-top: 0.75rem; }
.mr-3 { margin-right: 0.75rem; }
.mb-3 { margin-bottom: 0.75rem; }
.ml-3 { margin-left: 0.75rem; }

/* margin 0.875rem (14px) */
.m-3\.5 { margin: 0.875rem; }
.mx-3\.5 { margin-left: 0.875rem; margin-right: 0.875rem; }
.my-3\.5 { margin-top: 0.875rem; margin-bottom: 0.875rem; }
.ms-3\.5 { margin-inline-start: 0.875rem; }
.me-3\.5 { margin-inline-end: 0.875rem; }
.mt-3\.5 { margin-top: 0.875rem; }
.mr-3\.5 { margin-right: 0.875rem; }
.mb-3\.5 { margin-bottom: 0.875rem; }
.ml-3\.5 { margin-left: 0.875rem; }

/* margin 1rem (16px) */
.m-4 { margin: 1rem; }
.mx-4 { margin-left: 1rem; margin-right: 1rem; }
.my-4 { margin-top: 1rem; margin-bottom: 1rem; }
.ms-4 { margin-inline-start: 1rem; }
.me-4 { margin-inline-end: 1rem; }
.mt-4 { margin-top: 1rem; }
.mr-4 { margin-right: 1rem; }
.mb-4 { margin-bottom: 1rem; }
.ml-4 { margin-left: 1rem; }

/* margin 1.25rem (20px) */
.m-5 { margin: 1.25rem; }
.mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
.my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.ms-5 { margin-inline-start: 1.25rem; }
.me-5 { margin-inline-end: 1.25rem; }
.mt-5 { margin-top: 1.25rem; }
.mr-5 { margin-right: 1.25rem; }
.mb-5 { margin-bottom: 1.25rem; }
.ml-5 { margin-left: 1.25rem; }

/* margin 1.5rem (24px) */
.m-6 { margin: 1.5rem; }
.mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.ms-6 { margin-inline-start: 1.5rem; }
.me-6 { margin-inline-end: 1.5rem; }
.mt-6 { margin-top: 1.5rem; }
.mr-6 { margin-right: 1.5rem; }
.mb-6 { margin-bottom: 1.5rem; }
.ml-6 { margin-left: 1.5rem; }

/* margin 1.75rem (28px) */
.m-7 { margin: 1.75rem; }
.mx-7 { margin-left: 1.75rem; margin-right: 1.75rem; }
.my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; }
.ms-7 { margin-inline-start: 1.75rem; }
.me-7 { margin-inline-end: 1.75rem; }
.mt-7 { margin-top: 1.75rem; }
.mr-7 { margin-right: 1.75rem; }
.mb-7 { margin-bottom: 1.75rem; }
.ml-7 { margin-left: 1.75rem; }

/* margin 2rem (32px) */
.m-8 { margin: 2rem; }
.mx-8 { margin-left: 2rem; margin-right: 2rem; }
.my-8 { margin-top: 2rem; margin-bottom: 2rem; }
.ms-8 { margin-inline-start: 2rem; }
.me-8 { margin-inline-end: 2rem; }
.mt-8 { margin-top: 2rem; }
.mr-8 { margin-right: 2rem; }
.mb-8 { margin-bottom: 2rem; }
.ml-8 { margin-left: 2rem; }

/* margin 2.25rem (36px) */
.m-9 { margin: 2.25rem; }
.mx-9 { margin-left: 2.25rem; margin-right: 2.25rem; }
.my-9 { margin-top: 2.25rem; margin-bottom: 2.25rem; }
.ms-9 { margin-inline-start: 2.25rem; }
.me-9 { margin-inline-end: 2.25rem; }
.mt-9 { margin-top: 2.25rem; }
.mr-9 { margin-right: 2.25rem; }
.mb-9 { margin-bottom: 2.25rem; }
.ml-9 { margin-left: 2.25rem; }

/* margin 2.5rem (40px) */
.m-10 { margin: 2.5rem; }
.mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
.my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.ms-10 { margin-inline-start: 2.5rem; }
.me-10 { margin-inline-end: 2.5rem; }
.mt-10 { margin-top: 2.5rem; }
.mr-10 { margin-right: 2.5rem; }
.mb-10 { margin-bottom: 2.5rem; }
.ml-10 { margin-left: 2.5rem; }

/* margin 2.75rem (44px) */
.m-11 { margin: 2.75rem; }
.mx-11 { margin-left: 2.75rem; margin-right: 2.75rem; }
.my-11 { margin-top: 2.75rem; margin-bottom: 2.75rem; }
.ms-11 { margin-inline-start: 2.75rem; }
.me-11 { margin-inline-end: 2.75rem; }
.mt-11 { margin-top: 2.75rem; }
.mr-11 { margin-right: 2.75rem; }
.mb-11 { margin-bottom: 2.75rem; }
.ml-11 { margin-left: 2.75rem; }

/* margin 3rem (48px) */
.m-12 { margin: 3rem; }
.mx-12 { margin-left: 3rem; margin-right: 3rem; }
.my-12 { margin-top: 3rem; margin-bottom: 3rem; }
.ms-12 { margin-inline-start: 3rem; }
.me-12 { margin-inline-end: 3rem; }
.mt-12 { margin-top: 3rem; }
.mr-12 { margin-right: 3rem; }
.mb-12 { margin-bottom: 3rem; }
.ml-12 { margin-left: 3rem; }

/* margin 3.5rem (56px) */
.m-14 { margin: 3.5rem; }
.mx-14 { margin-left: 3.5rem; margin-right: 3.5rem; }
.my-14 { margin-top: 3.5rem; margin-bottom: 3.5rem; }
.ms-14 { margin-inline-start: 3.5rem; }
.me-14 { margin-inline-end: 3.5rem; }
.mt-14 { margin-top: 3.5rem; }
.mr-14 { margin-right: 3.5rem; }
.mb-14 { margin-bottom: 3.5rem; }
.ml-14 { margin-left: 3.5rem; }



/* padding 0 */
.p-0 { padding: 0  !important; }
.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.ps-0 { padding-inline-start: 0 !important; }
.pe-0 { padding-inline-end: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pl-0 { padding-left: 0 !important; }

/* padding 1 Pixel */
.p-px { padding: 1px; }
.px-px { padding-left: 1px; padding-right: 1px; }
.py-px { padding-top: 1px; padding-bottom: 1px; }
.ps-px { padding-inline-start: 1px; }
.pe-px { padding-inline-end: 1px; }
.pt-px { padding-top: 1px; }
.pr-px { padding-right: 1px; }
.pb-px { padding-bottom: 1px; }
.pl-px { padding-left: 1px; }

/* padding 0.125rem (2px) */
.p-0\.5 { padding: 0.125rem; }
.px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; }
.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
.ps-0\.5 { padding-inline-start: 0.125rem; }
.pe-0\.5 { padding-inline-end: 0.125rem; }
.pt-0\.5 { padding-top: 0.125rem; }
.pr-0\.5 { padding-right: 0.125rem; }
.pb-0\.5 { padding-bottom: 0.125rem; }
.pl-0\.5 { padding-left: 0.125rem; }

/* padding 0.25rem (4px) */
.p-1 { padding: 0.25rem; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.ps-1 { padding-inline-start: 0.25rem; }
.pe-1 { padding-inline-end: 0.25rem; }
.pt-1 { padding-top: 0.25rem; }
.pr-1 { padding-right: 0.25rem; }
.pb-1 { padding-bottom: 0.25rem; }
.pl-1 { padding-left: 0.25rem; }

/* padding 0.375rem (6px) */
.p-1\.5 { padding: 0.375rem; }
.px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
.ps-1\.5 { padding-inline-start: 0.375rem; }
.pe-1\.5 { padding-inline-end: 0.375rem; }
.pt-1\.5 { padding-top: 0.375rem; }
.pr-1\.5 { padding-right: 0.375rem; }
.pb-1\.5 { padding-bottom: 0.375rem; }
.pl-1\.5 { padding-left: 0.375rem; }

/* padding 0.5rem (8px) */
.p-2 { padding: 0.5rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.ps-2 { padding-inline-start: 0.5rem; }
.pe-2 { padding-inline-end: 0.5rem; }
.pt-2 { padding-top: 0.5rem; }
.pr-2 { padding-right: 0.5rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pl-2 { padding-left: 0.5rem; }

/* padding 0.625rem (10px) */
.p-2\.5 { padding: 0.625rem; }
.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }
.py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.ps-2\.5 { padding-inline-start: 0.625rem; }
.pe-2\.5 { padding-inline-end: 0.625rem; }
.pt-2\.5 { padding-top: 0.625rem; }
.pr-2\.5 { padding-right: 0.625rem; }
.pb-2\.5 { padding-bottom: 0.625rem; }
.pl-2\.5 { padding-left: 0.625rem; }

/* padding 0.75rem (12px) */
.p-3 { padding: 0.75rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.ps-3 { padding-inline-start: 0.75rem; }
.pe-3 { padding-inline-end: 0.75rem; }
.pt-3 { padding-top: 0.75rem; }
.pr-3 { padding-right: 0.75rem; }
.pb-3 { padding-bottom: 0.75rem; }
.pl-3 { padding-left: 0.75rem; }

/* padding 0.875rem (14px) */
.p-3\.5 { padding: 0.875rem; }
.px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; }
.py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }
.ps-3\.5 { padding-inline-start: 0.875rem; }
.pe-3\.5 { padding-inline-end: 0.875rem; }
.pt-3\.5 { padding-top: 0.875rem; }
.pr-3\.5 { padding-right: 0.875rem; }
.pb-3\.5 { padding-bottom: 0.875rem; }
.pl-3\.5 { padding-left: 0.875rem; }

/* padding 1rem (16px) */
.p-4 { padding: 1rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.ps-4 { padding-inline-start: 1rem; }
.pe-4 { padding-inline-end: 1rem; }
.pt-4 { padding-top: 1rem; }
.pr-4 { padding-right: 1rem; }
.pb-4 { padding-bottom: 1rem; }
.pl-4 { padding-left: 1rem; }

/* padding 1.25rem (20px) */
.p-5 { padding: 1.25rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.ps-5 { padding-inline-start: 1.25rem; }
.pe-5 { padding-inline-end: 1.25rem; }
.pt-5 { padding-top: 1.25rem; }
.pr-5 { padding-right: 1.25rem; }
.pb-5 { padding-bottom: 1.25rem; }
.pl-5 { padding-left: 1.25rem; }

/* padding 1.5rem (24px) */
.p-6 { padding: 1.5rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.ps-6 { padding-inline-start: 1.5rem; }
.pe-6 { padding-inline-end: 1.5rem; }
.pt-6 { padding-top: 1.5rem; }
.pr-6 { padding-right: 1.5rem; }
.pb-6 { padding-bottom: 1.5rem; }
.pl-6 { padding-left: 1.5rem; }

/* padding 1.75rem (28px) */
.p-7 { padding: 1.75rem; }
.px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
.ps-7 { padding-inline-start: 1.75rem; }
.pe-7 { padding-inline-end: 1.75rem; }
.pt-7 { padding-top: 1.75rem; }
.pr-7 { padding-right: 1.75rem; }
.pb-7 { padding-bottom: 1.75rem; }
.pl-7 { padding-left: 1.75rem; }

/* padding 2rem (32px) */
.p-8 { padding: 2rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.ps-8 { padding-inline-start: 2rem; }
.pe-8 { padding-inline-end: 2rem; }
.pt-8 { padding-top: 2rem; }
.pr-8 { padding-right: 2rem; }
.pb-8 { padding-bottom: 2rem; }
.pl-8 { padding-left: 2rem; }

/* padding 2.25rem (36px) */
.p-9 { padding: 2.25rem; }
.px-9 { padding-left: 2.25rem; padding-right: 2.25rem; }
.py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.ps-9 { padding-inline-start: 2.25rem; }
.pe-9 { padding-inline-end: 2.25rem; }
.pt-9 { padding-top: 2.25rem; }
.pr-9 { padding-right: 2.25rem; }
.pb-9 { padding-bottom: 2.25rem; }
.pl-9 { padding-left: 2.25rem; }

/* padding 2.5rem (40px) */
.p-10 { padding: 2.5rem; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.ps-10 { padding-inline-start: 2.5rem; }
.pe-10 { padding-inline-end: 2.5rem; }
.pt-10 { padding-top: 2.5rem; }
.pr-10 { padding-right: 2.5rem; }
.pb-10 { padding-bottom: 2.5rem; }
.pl-10 { padding-left: 2.5rem; }

/* padding 2.75rem (44px) */
.p-11 { padding: 2.75rem; }
.px-11 { padding-left: 2.75rem; padding-right: 2.75rem; }
.py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; }
.ps-11 { padding-inline-start: 2.75rem; }
.pe-11 { padding-inline-end: 2.75rem; }
.pt-11 { padding-top: 2.75rem; }
.pr-11 { padding-right: 2.75rem; }
.pb-11 { padding-bottom: 2.75rem; }
.pl-11 { padding-left: 2.75rem; }

/* padding 3rem (48px) */
.p-12 { padding: 3rem; }
.px-12 { padding-left: 3rem; padding-right: 3rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.ps-12 { padding-inline-start: 3rem; }
.pe-12 { padding-inline-end: 3rem; }
.pt-12 { padding-top: 3rem; }
.pr-12 { padding-right: 3rem; }
.pb-12 { padding-bottom: 3rem; }
.pl-12 { padding-left: 3rem; }

/* padding 3.5rem (56px) */
.p-14 { padding: 3.5rem; }
.px-14 { padding-left: 3.5rem; padding-right: 3.5rem; }
.py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.ps-14 { padding-inline-start: 3.5rem; }
.pe-14 { padding-inline-end: 3.5rem; }
.pt-14 { padding-top: 3.5rem; }
.pr-14 { padding-right: 3.5rem; }
.pb-14 { padding-bottom: 3.5rem; }
.pl-14 { padding-left: 3.5rem; }