/* milesmax.sg. Colours from templates/base.css; Poppins is copied in by tools/publish_site.py. */
@font-face { font-family: Poppins; src: url("/fonts/Poppins-Regular.ttf"); font-weight: 400; font-display: swap; }
@font-face { font-family: Poppins; src: url("/fonts/Poppins-Bold.ttf"); font-weight: 700; font-display: swap; }
:root { --navy: #141B4D; --sky-soft: #DCF5FE; --shiba: #F7A13A; --paper: #FBF7EE; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--navy); font: 400 17px/1.6 Poppins, system-ui, sans-serif; }
main { max-width: 640px; margin: 0 auto; padding: 40px 16px 24px; }
h1 { font-size: 34px; line-height: 1.2; margin: 0 0 8px; }
h2 { font-size: 20px; margin: 32px 0 4px; }
a { color: var(--navy); text-decoration-color: var(--shiba); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.max { display: block; width: 160px; height: 160px; border-radius: 50%; margin: 0 0 24px; }
.lead { font-size: 20px; }
.follow { list-style: none; padding: 0; margin: 12px 0 0; }
.follow li { background: var(--sky-soft); border-radius: 12px; padding: 10px 14px; margin: 8px 0; }
.updated { opacity: .7; font-size: 14px; }
footer { max-width: 640px; margin: 0 auto; padding: 24px 16px 40px; font-size: 14px; border-top: 1px solid rgba(20, 27, 77, .15); }
footer a { margin-right: 16px; }