:root { --pico-font-family: Arial, Helvetica, sans-serif; }

html, body { background: #f7f7f7; }
main { background: #fff; width: calc(100% - 2rem); max-width: 1300px; margin-inline: auto; padding: 4rem !important; }
nav {background: #fff;width: calc(100% - 2rem); max-width: 1300px; margin-inline: auto;padding: 1rem 4rem !important;border-bottom:#f7f7f7 3px solid}
footer ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; list-style: none; padding: 0; margin: 0; }
footer ul li { list-style: none; margin: 0; padding: 0; font-size: 0.75rem; }

.center { text-align: center; }

hr {margin:2rem 0rem;}





/* Tablet */
@media (max-width: 768px) {
    main, nav {
        width: min(100% - 1.5rem, 1000px);
        padding: 2rem !important;
    }
}

/* Smartphone */
@media (max-width: 480px) {
    main, nav {
        width: calc(100% - 1rem);
        padding: 1.0rem !important;
    }

    footer ul { gap: 0.5rem 1rem; }
}