.my-flex, .my-center, .my-middle, .my-left, .my-top, .my-right, .my-bottom, .my-stretch {
  display: flex;
}

.my-center {
  justify-content: center;
}

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

.my-left {
  justify-content: flex-start;
}

.my-top {
  align-items: flex-start;
}

.my-right {
  justify-content: flex-end;
}

.my-bottom {
  align-items: flex-end;
}

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

.my-m-1 {
  margin: 0.5em;
}

.my-m-2 {
  margin: 1em;
}

.my-m-3 {
  margin: 1.5em;
}

.my-m-4 {
  margin: 2em;
}

.my-m-5 {
  margin: 2.5em;
}

.my-mt-1 {
  margin-top: 0.5em;
}

.my-mt-2 {
  margin-top: 1em;
}

.my-mt-3 {
  margin-top: 1.5em;
}

.my-mt-4 {
  margin-top: 2em;
}

.my-mt-5 {
  margin-top: 2.5em;
}

.my-mb-1 {
  margin-bottom: 0.5em;
}

.my-mb-2 {
  margin-bottom: 1em;
}

.my-mb-3 {
  margin-bottom: 1.5em;
}

.my-mb-4 {
  margin-bottom: 2em;
}

.my-mb-5 {
  margin-bottom: 2.5em;
}

.my-ml-1 {
  margin-left: 0.5em;
}

.my-ml-2 {
  margin-left: 1em;
}

.my-ml-3 {
  margin-left: 1.5em;
}

.my-ml-4 {
  margin-left: 2em;
}

.my-ml-5 {
  margin-left: 2.5em;
}

.my-mr-1 {
  margin-right: 0.5em;
}

.my-mr-2 {
  margin-right: 1em;
}

.my-mr-3 {
  margin-right: 1.5em;
}

.my-mr-4 {
  margin-right: 2em;
}

.my-mr-5 {
  margin-right: 2.5em;
}

.my-p-1 {
  padding: 0.5em;
}

.my-p-2 {
  padding: 1em;
}

.my-p-3 {
  padding: 1.5em;
}

.my-p-4 {
  padding: 2em;
}

.my-p-5 {
  padding: 2.5em;
}

.my-pt-1 {
  padding-top: 0.5em;
}

.my-pt-2 {
  padding-top: 1em;
}

.my-pt-3 {
  padding-top: 1.5em;
}

.my-pt-4 {
  padding-top: 2em;
}

.my-pt-5 {
  padding-top: 2.5em;
}

.my-pb-1 {
  padding-bottom: 0.5em;
}

.my-pb-2 {
  padding-bottom: 1em;
}

.my-pb-3 {
  padding-bottom: 1.5em;
}

.my-pb-4 {
  padding-bottom: 2em;
}

.my-pb-5 {
  padding-bottom: 2.5em;
}

.my-pl-1 {
  padding-left: 0.5em;
}

.my-pl-2 {
  padding-left: 1em;
}

.my-pl-3 {
  padding-left: 1.5em;
}

.my-pl-4 {
  padding-left: 2em;
}

.my-pl-5 {
  padding-left: 2.5em;
}

.my-pr-1 {
  padding-right: 0.5em;
}

.my-pr-2 {
  padding-right: 1em;
}

.my-pr-3 {
  padding-right: 1.5em;
}

.my-pr-4 {
  padding-right: 2em;
}

.my-pr-5 {
  padding-right: 2.5em;
}

.my-ta-c {
  text-align: center;
}

.my-ta-j {
  text-align: justify;
}

.my-ta-l {
  text-align: left;
}

.my-ta-r {
  text-align: right;
}

.my-fs {
  font-size: 1rem;
}

.my-fs-1 {
  font-size: 115%;
}

.my-fs-2 {
  font-size: 125%;
}

.my-fs-3 {
  font-size: 150%;
}

.my-fs-4 {
  font-size: 200%;
}

.my-fs-5 {
  font-size: 250%;
}

.my-ls-1 {
  letter-spacing: 0.15em;
}

.my-ls-2 {
  letter-spacing: 0.25em;
}

.my-ls-3 {
  letter-spacing: 0.5em;
}

.my-ls-4 {
  letter-spacing: 1em;
}

.my-ls-5 {
  letter-spacing: 1.5em;
}

.my-ws-1 {
  word-spacing: 0.15em;
}

.my-ws-2 {
  word-spacing: 0.25em;
}

.my-ws-3 {
  word-spacing: 0.5em;
}

.my-ws-4 {
  word-spacing: 1em;
}

.my-ws-5 {
  word-spacing: 1.5em;
}

.my-lh-1 {
  line-height: 1.25em;
}

.my-lh-2 {
  line-height: 1.75em;
}

.my-lh-3 {
  line-height: 2em;
}

.my-lh-4 {
  line-height: 2.5em;
}

.my-lh-5 {
  line-height: 3em;
}