/* 
 * padding RIGHT
 */

.pr-1 {
  padding-right: 0.1rem;
}

.pr-2 {
  padding-right: 0.3rem;
}

.pr-3 {
  padding-right: 0.5rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-5 {
  padding-right: 2rem;
}

/* 
 * padding LEFT
 */
 
.pl-1 {
  padding-left: 0.1rem;
}

.pl-2 {
  padding-left: 0.3rem;
}

.pl-3 {
  padding-left: 0.5rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 2rem;
}

/* 
 * padding TOP
 */
 
.pt-1 {
  padding-top: 0.1rem;
}

.pt-2 {
  padding-top: 0.3rem;
}

.pt-3 {
  padding-top: 0.5rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 2rem;
}

/* 
 * padding BOTTOM
 */
 
.pb-1 {
  padding-bottom: 0.1rem;
}

.pb-2 {
  padding-bottom: 0.3rem;
}

.pb-3 {
  padding-bottom: 0.5rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 2rem;
}