/* font sizes and weights */

.weight-light {
  font-weight: 200;
}

.weight-med {
  font-weight: 400;
}

.weight-bold {
  font-weight: 800;
}

.font-sm {
  font-size: 0.8rem;
}

.font-med {
  font-size: 1.3rem;
}

.font-lrg {
  font-size: 1.8rem;
}

/* margin and padding and radius*/

.margin-sm {
  margin: 5px;
}

.margin-top-sm {
  margin-top: 5px;
}

.margin-top-med {
  margin-top: 10px;
}

.margin-top-lrg {
  margin-top: 20px;
}

.margin-bottom-sm {
  margin-bottom: 5px;
}

.margin-bottom-med {
  margin-bottom: 10px;
}

.margin-bottom-lrg {
  margin-bottom: 20px;
}

.radius-sm {
  border-radius: 5px;
}

.radius-med {
  border-radius: 10px;
}

.padding-sm {
  padding: 5px;
}

.padding-med {
  padding: 10px;
}