/* Base styles for all elements */
html {
    font-size: 16px; /* Default font size */
}

body, span, th, td, tr {
    font-size: 1rem; /* 1rem = 16px */
}

/* Adjust font sizes for smaller screens (480px) */
@media (max-width: 480px) {
    html {
        font-size: 14px; /* Reduce base font size for smaller screens */
    }

    body, span, th, td, tr {
        font-size: 0.875rem; /* 0.875rem = 14px */
    }
}