Use CSS variables for font-size

[Fyelne]

Is your feature request related to a problem? Please describe.
I'm using a laptop and it's easier to read with bigger fonts

Describe the solution you'd like
Replace

.vc-addon-card .vc-addon-name {
  font-size: 14px;
}

To

.vc-addon-card .vc-addon-name {
  font-size: var(--fluent-font-size);
}

:root {
  /* DefaultBlue */
  --fluent-accent-hue-sat: 207, 100%;
  --fluent-accent-lightness: 42%;
  --fluent-text-on-accent-color: 0, 0, 0;
  --fluent-acrylic-background: url(https://takosthings.github.io/Fluent-Discord/img/Captured_Motion_27.jpg);
  --fluent-acrylic-background-blur: 24px;
  --fluent-acrylic-background-dimness: 75%;
  --fluent-acrylic-background-saturate: 140%;
  --fluent-show-nitro-decorations: none;
  --fluent-font-size: 14px; /* Add the var here */
}