/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
/**
 * define font-sizes with css custom properties.
 * you can change the values of these properties in a media query
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify
*/
[data-v-6b7ffcce]:root {
  --base-font-size: 16px !important;
}
@media only screen and (max-width: 1903.98px) {
[data-v-6b7ffcce]:root {
    --base-font-size: 14.4px !important;
}
}

/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
p[data-v-6b7ffcce] {
  margin: 1em 0;
}