/* Modern CSS Reset for project elements */
a, abbr, address, article, aside, audio,
b, blockquote, body,
canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, div, dl, dt,
em, embed,
fieldset, figcaption, figure, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd,
keygen,
label, legend, li,
meter,
nav,
object, ol, output,
p, pre, progress,
q,
s, samp, section, small, span, source, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, td,
u, ul,
var {
    background: transparent;
    border: 0 none;
    font-size: clamp(14px, 2.5vw, 16px); /* Responsive font size */
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

/* Ensure no interference with nav-container */
nav, .nav-container, #nav, .hamburger {
    background: inherit;
    border: inherit;
    font-size: inherit;
    margin: inherit;
    padding: inherit;
    vertical-align: inherit;
}

/* Responsive font size for smaller screens */
@media (max-width: 480px) {
    a, abbr, address, article, aside, audio,
    b, blockquote, body,
    canvas, caption, cite, code, command,
    datalist, dd, del, details, dfn, div, dl, dt,
    em, embed,
    fieldset, figcaption, figure, footer, form,
    h1, h2, h3, h4, h5, h6, header, hgroup, html,
    i, iframe, img, ins,
    kbd,
    keygen,
    label, legend, li,
    meter,
    nav,
    object, ol, output,
    p, pre, progress,
    q,
    s, samp, section, small, span, source, strong, sub, sup,
    table, tbody, tfoot, thead, th, tr, td,
    u, ul,
    var {
        font-size: clamp(12px, 2vw, 14px);
    }
}