body {
  font-size: 1rem;
}
.fluid-space-top {
  --min-vw: 48;
  --max-vw: 120;
  --min-rem-top: var(--min-top) * 1rem;
  --max-rem-top: var(--max-top) * 1rem;
  --min-vw-rem: var(--min-vw) * 1rem;
  --slope-top: (var(--max-top) - var(--min-top)) * (100vw - var(--min-vw-rem)) / (var(--max-vw) - var(--min-vw));
  padding-top: 5rem;
  padding-top: clamp(var(--min-rem-top), var(--min-rem-top) + var(--slope-top), var(--max-rem-top));;
}
.fluid-space-bottom {
  --min-vw: 48;
  --max-vw: 120;
  --min-rem-bottom: var(--min-bottom) * 1rem;
  --max-rem-bottom: var(--max-bottom) * 1rem;
  --min-vw-rem: var(--min-vw) * 1rem;
  --slope-bottom: (var(--max-bottom) - var(--min-bottom)) * (100vw - var(--min-vw-rem)) / (var(--max-vw) - var(--min-vw));
  padding-bottom: 5rem;
  padding-bottom: clamp(var(--min-rem-bottom), var(--min-rem-bottom) + var(--slope-bottom), var(--max-rem-bottom));;
}
body {
  background: #fff;
}
.testclass {
  font-size: 3rem;
}
