/* CSS variables for font sizes */
/* :root {
    --body-font-size: 16px;
    --h1-font-size: 24px;
    --h2-font-size: 22px;
    --h3-font-size: 20px;
    --h4-font-size: 18px;
    --h5-font-size: 16px;
    --h6-font-size: 14px;
    --p-font-size: 16px;
    --a-font-size: 16px;
} */

/* Apply font sizes using CSS variables */
body {
    font-size: var(--body-font-size);
}

h1 {
    font-size: var(--h1-font-size);
}

h2 {
    font-size: var(--h2-font-size);
}

h3 {
    font-size: var(--h3-font-size);
}

h4 {
    font-size: var(--h4-font-size);
}

h5 {
    font-size: var(--h5-font-size);
}

h6 {
    font-size: var(--h6-font-size);
}

p {
    font-size: var(--p-font-size);
}

a {
    font-size: var(--a-font-size);
}

#increaseSize .btn:focus,
#resetSize .btn:focus,
#decreaseSize .btn:focus {
    outline: none !important;
}