body > h1 { text-align: center; font-family: 'Cormorant Garamond'; margin-bottom: 0; padding-bottom: 0; } .deemph { font-weight: 100; font-size: smaller; } body > section { margin-top: 1rem; } body > section:last-child { margin-bottom: 5rem; } #contact { display: flex; flex-direction: column; align-items: center; justify-content: left; padding: 0; margin-top: 0; } section > h2 { border-bottom: 1px solid black; margin-top: 0; } section > h3 { margin-bottom: 0; padding-bottom: 0; } h3.job-name { padding-bottom: 0; } .detail-line { display: flex; flex-direction: row; justify-content: space-between; color: slategray; font-style: italic; } ul li::marker { content: url('arrow.svg') } ul li { padding-bottom: 0.5rem; } #summary, #experience, #certifications, #education { margin-bottom: 2rem; /* border: 1px dashed slategray; */ } /* begin LLM output... */ /* main.css — “paper in the middle” */ /* 1) Sensible defaults */ *, *::before, *::after { box-sizing: border-box; } /* 2) Desk-like background and centering */ html { min-height: 100%; display: grid; place-items: center; /* centers the block */ padding: 3vmin; /* breathing room on small screens */ background: radial-gradient(1200px 600px at 70% -10%, #f7f9fc, #e9edf3) fixed; } /* Prefer a subtle dark “desk” if the user is in dark mode */ @media (prefers-color-scheme: dark) { html { background: radial-gradient(1200px 600px at 70% -10%, #1a1f2a, #0e121a) fixed; } } /* 3) The “paper” — we style the itself */ body { margin: 0; /* remove user-agent margins */ background: #fff; color: #222; /* Paper sizing: prefer US Letter width when possible, else shrink */ width: min(8.5in, 100% - 6vmin); /* Comfortable margins on the paper */ padding: clamp(1rem, 2.2vmin, 2rem) clamp(1.25rem, 3vmin, 2.5rem); /* Rounded corners and a soft drop shadow */ border-radius: 14px; border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 22px 50px rgba(0, 0, 0, 0.18), 0 2px 6px rgba(0, 0, 0, 0.08); } /* 4) Comfortable text measure by default */ body > * { max-width: 65ch; /* ~perfect reading width for paragraphs */ } body > *:not(:where(img, video, svg, table, pre, code, .full-bleed)) { margin-left: auto; margin-right: auto; } /* 5) Media should scale nicely inside the paper */ img, video, svg, table { max-width: 100%; height: auto; } /* 6) Light typography tweaks */ p { margin: 0 0 1em; } p:last-child { margin-bottom: 0; } a { color: #0b66ff; text-decoration: none; } a:hover { text-decoration: underline; } /* 7) Printing: remove the “desk”, use clean page margins */ @media print { html { background: none; padding: 0; display: block; } body { width: auto; border: 0; border-radius: 0; box-shadow: none; padding: 0.5in; } } /* cormorant-garamond-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 300; src: url('../fonts/cormorant-garamond-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 300; src: url('../fonts/cormorant-garamond-v20-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; src: url('../fonts/cormorant-garamond-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400; src: url('../fonts/cormorant-garamond-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500; src: url('../fonts/cormorant-garamond-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 500; src: url('../fonts/cormorant-garamond-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; src: url('../fonts/cormorant-garamond-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 600; src: url('../fonts/cormorant-garamond-v20-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 700; src: url('../fonts/cormorant-garamond-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* cormorant-garamond-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 700; src: url('../fonts/cormorant-garamond-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }