.my-flex {
  display: flex;
}

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

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

.my-space-between {
  justify-content: space-between;
}

.my-flex-col {
  flex-direction: column;
}

.my-gap-20 {
  gap: 20px;
}

.my-gap-8 {
  gap: 8px;
}

.my-ms-10 {
  margin-left: 10px;
}

.my-ms-20 {
  margin-left: 20px;
}

.my-mt-10 {
  margin-top: 10px;
}

.my-mt-20 {
  margin-top: 20px;
}

.my-mt-30 {
  margin-top: 30px;
}

.my-mb-20 {
  margin-bottom: 20px;
}

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

.my-width-50 {
  width: 50%;
}