* {
    font-family: 'Helvetica', sans-serif;
    margin: 0;
    padding: 0;
}

html {
    font-size: 10px;
}

/* Use vw units for fluid typography */
@media (min-width: 320px) {
    html {
        font-size: calc(8px + 1vw);
    }
}

/* For small screens */
@media (max-width: 767px) {
    html {
        font-size: calc(7px + 1vw);
    }
}

/* For medium screens */
@media (min-width: 768px) and (max-width: 1023px) {
    html {
        font-size: calc(9px + 0.5vw);
    }
}

/* For large screens */
@media (min-width: 1024px) {
    html {
        font-size: 10px; /* Or adjust as needed */
    }
}

header, footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 1rem 0;
}

main {
    padding: 0;
}