Reactive-Resume/src/styles/tailwind.css

@tailwind base;
@tailwind components;
@tailwind utilities;

#page .text-xs {
  font-size: var(--text-xs-size);
  line-height: var(--text-xs-line-height);
}

#page .text-sm {
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-line-height);
}

#page .text-lg {
  font-size: var(--text-lg-size);
  line-height: var(--text-lg-line-height);
}

#page .text-xl {
  font-size: var(--text-xl-size);
  line-height: var(--text-xl-line-height);
}

#page .text-2xl {
  font-size: var(--text-2xl-size);
  line-height: var(--text-2xl-line-height);
}

#page .text-3xl {
  font-size: var(--text-3xl-size);
  line-height: var(--text-3xl-line-height);
}

#page .text-4xl {
  font-size: var(--text-4xl-size);
  line-height: var(--text-4xl-line-height);
}