/* notes.css: shared stylesheet for converted class notes (matthenes.com/css/notes.css) */
@font-face { font-family: 'Crimson Pro'; font-weight: 400; font-display: swap; src: url('fonts/crimson-pro-400.woff2') format('woff2'); }
@font-face { font-family: 'Crimson Pro'; font-weight: 700; font-display: swap; src: url('fonts/crimson-pro-700.woff2') format('woff2'); }
@font-face { font-family: 'Patrick Hand'; font-weight: 400; font-display: swap; src: url('fonts/patrick-hand-400.woff2') format('woff2'); }
@font-face { font-family: 'Libertinus Math'; font-weight: 400; font-display: swap; src: url('fonts/LibertinusMath-Regular.woff2') format('woff2'); }

html { font-size: 15pt; }                                   /* readable from across the room */
@media (max-width: 760px) { html { font-size: 13pt; } }     /* phones: same switch point as css/styles.css */

body { font-family: 'Patrick Hand', cursive; color: #222222; background: #ffffff;
       max-width: 52rem; margin: 0 auto; padding: 1em 16px; line-height: 1.5; }
main { font-size: 1.12rem; }                                /* Patrick Hand runs small; matches the handout font's size */
h1, h2, h3, h4, .typed { font-family: 'Crimson Pro', Georgia, serif; }
h1, h2, h3, h4 { font-weight: 700; color: #1E3555; }
.back { font-family: 'Crimson Pro', Georgia, serif; margin: 0 0 0.5em 0; }
.back a { color: #2C5D97; }
.typed { font-size: 0.98em; }
math { font-family: 'Libertinus Math', math; font-size: 1.05em; }
img { max-width: 100%; height: auto; }