:root {
  --text-base: 1rem;
  --space-1: 0.25rem;
  --space-2: calc(var(--space-1) * 2);
  --space-3: calc(var(--space-1) * 3);
  --space-4: calc(var(--space-1) * 4);
  --space-5: calc(var(--space-1) * 5);
  --space-6: calc(var(--space-1) * 6);
  --space-7: calc(var(--space-1) * 7);
  --space-8: calc(var(--space-1) * 8);
  --space-9: calc(var(--space-1) * 9);
  --space-10: calc(var(--space-1) * 10);
}

body {
  font-size: var(--text-base);
  margin: 0;
  background-color: #F4F4F4;
}

p, h1, h2 {
  margin: 0;
}

.pointer-follower {
  position: absolute;
  z-index: -1;
  top: 0;
  background-color: rgba(253, 138, 113, 0.2);
  width: 300px;
  height: 300px;
  border-radius: 50%;
  filter: blur(5rem);
}

.footer {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;

  p {
    padding: 0 var(--space-2);
    text-align: center;
    margin: var(--space-5) 0;
  }
}