.p-0{
  padding: 0px;
}
.p-1{
  padding: 1px;
}
.p-2{
  padding: 2px;
}
.p-3{
  padding: 3px;
}
.p-4{
  padding: 4px;
}
.p-5{
  padding: 5px;
}
.p-6{
  padding: 6px;
}
.py-1{
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-2{
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-3{
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-4{
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-5{
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-6{
  padding-top: 6px;
  padding-bottom: 6px;
}
.px-1 {
  padding-left: 1px;
  padding-right: 1px;
}
.px-2 {
  padding-left: 2px;
  padding-right: 2px;
}
.px-3 {
  padding-left: 3px;
  padding-right: 3px;
}
.px-4 {
  padding-left: 4px;
  padding-right: 4px;
}
.px-5 {
  padding-left: 5px;
  padding-right: 5px;
}
.px-6 {
  padding-left: 6px;
  padding-right: 6px;
}
.pt-1 {
  padding-top: 1px;
}
.pt-2 {
  padding-top: 21px;
}
.pt-3 {
  padding-top: 3px;
}
.pt-4 {
  padding-top: 4px;
}
.pt-5 {
  padding-top: 5px;
}
.pt-6 {
  padding-top: 6px;
}
.pb-1 {
  padding-bottom: 1px;
}
.pb-2 {
  padding-bottom: 21px;
}
.pb-3 {
  padding-bottom: 3px;
}
.pb-4 {
  padding-bottom: 4px;
}
.pb-5 {
  padding-bottom: 5px;
}
.pb-6 {
  padding-bottom: 6px;
}

/* gaps */
.gap-8 {
  gap: 8px;
}
.gap-10pc {
  gap: 10%;
}

/* margins */
.m-0 {
  margin: 0%;
}
.m-1{
  margin: 1px;
}
.m-2{
  margin: 2px;
}
.m-3{
  margin: 3px;
}
.m-4{
  margin: 4px;
}
.m-5{
  margin: 5px;
}
.m-6{
  margin: 6px;
}
.my-0{
  margin-top: 0;
  margin-bottom: 0;
}
.my-1{
  margin-top: 1px;
  margin-bottom: 1px;
}
.my-2{
  margin-top: 2px;
  margin-bottom: 2px;
}
.my-3{
  margin-top: 3px;
  margin-bottom: 3px;
}
.my-4{
  margin-top: 4px;
  margin-bottom: 4px;
}
.my-5{
  margin-top: 5px;
  margin-bottom: 5px;
}
.my-6{
  margin-top: 6px;
  margin-bottom: 6px;
}
.mx-1 {
  margin-left: 1px;
  margin-right: 1px;
}
.mx-2 {
  margin-left: 2px;
  margin-right: 2px;
}
.mx-3 {
  margin-left: 3px;
  margin-right: 3px;
}
.mx-4 {
  margin-left: 4px;
  margin-right: 4px;
}
.mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}
.mx-6 {
  margin-left: 6px;
  margin-right: 6px;
}
.mt-0 {
  margin-top: 0;
}
.mt-1 {
  margin-top: 1px;
}.mt-2 {
  margin-top: 21px;
}
.mt-3 {
  margin-top: 3px;
}
.mt-4 {
  margin-top: 4px;
}
.mt-5 {
  margin-top: 5px;
}
.mt-6 {
  margin-top: 6px;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-1 {
  margin-bottom: 1px;
}
.mb-2 {
  margin-bottom: 21px;
}
.mb-3 {
  margin-bottom: 3px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-6 {
  margin-bottom: 6px;
}

.m-1rem {
  margin: 1rem;
} 
.m-2rem {
  margin: 2rem;
}
.mx-1rem {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-2rem {
  margin-left: 2rem;
  margin-right: 2rem;
}
.p-1rem {
  padding: 1rem;
} 
.p-2rem {
  padding: 2rem;
}