/* d88888b .d88b. d8b db d888888b .d8888. 88' .8P Y8. 888o 88 `~~88~~' 88' YP 88ooo 88 88 88V8o 88 88 `8bo. 88~~~ 88 88 88 V8o88 88 `Y8b. 88 `8b d8' 88 V888 88 db 8D YP `Y88P' VP V8P YP `8888Y' Got the following from here: https://gwfh.mranftl.com/fonts/inter?subsets=latin */ /* 88 88b 88 888888 888888 88""Yb 88 88Yb88 88 88__ 88__dP 88 88 Y88 88 88"" 88"Yb 88 88 Y8 88 888888 88 Yb */ /* inter-100 - 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: 'Inter'; font-style: normal; font-weight: 100; src: url('../fonts/Inter/inter-v20-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-100italic - 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: 'Inter'; font-style: italic; font-weight: 100; src: url('../fonts/Inter/inter-v20-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-200 - 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: 'Inter'; font-style: normal; font-weight: 200; src: url('../fonts/Inter/inter-v20-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-200italic - 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: 'Inter'; font-style: italic; font-weight: 200; src: url('../fonts/Inter/inter-v20-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-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: 'Inter'; font-style: normal; font-weight: 300; src: url('../fonts/Inter/inter-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-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: 'Inter'; font-style: italic; font-weight: 300; src: url('../fonts/Inter/inter-v20-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-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: 'Inter'; font-style: normal; font-weight: 400; src: url('../fonts/Inter/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-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: 'Inter'; font-style: italic; font-weight: 400; src: url('../fonts/Inter/inter-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-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: 'Inter'; font-style: normal; font-weight: 500; src: url('../fonts/Inter/inter-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-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: 'Inter'; font-style: italic; font-weight: 500; src: url('../fonts/Inter/inter-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-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: 'Inter'; font-style: normal; font-weight: 600; src: url('../fonts/Inter/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-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: 'Inter'; font-style: italic; font-weight: 600; src: url('../fonts/Inter/inter-v20-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-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: 'Inter'; font-style: normal; font-weight: 700; src: url('../fonts/Inter/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-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: 'Inter'; font-style: italic; font-weight: 700; src: url('../fonts/Inter/inter-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-800 - 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: 'Inter'; font-style: normal; font-weight: 800; src: url('../fonts/Inter/inter-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-800italic - 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: 'Inter'; font-style: italic; font-weight: 800; src: url('../fonts/Inter/inter-v20-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-900 - 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: 'Inter'; font-style: normal; font-weight: 900; src: url('../fonts/Inter/inter-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-900italic - 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: 'Inter'; font-style: italic; font-weight: 900; src: url('../fonts/Inter/inter-v20-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* 88888 888888 888888 88""Yb 88""Yb db 88 88b 88 .dP"Y8 8b d8 dP"Yb 88b 88 dP"Yb 88 88__ 88 88__dP 88__dP dPYb 88 88Yb88 `Ybo." 88b d88 dP Yb 88Yb88 dP Yb o. 88 88"" 88 88""Yb 88"Yb dP__Yb 88 88 Y88 o.`Y8b 88YbdP88 Yb dP 88 Y88 Yb dP "bodP' 888888 88 88oodP 88 Yb dP""""Yb 88 88 Y8 8bodP' 88 YY 88 YbodP 88 Y8 YbodP */ /* jetbrains-mono-100 - 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: 'JetBrains Mono'; font-style: normal; font-weight: 100; src: url('../fonts/JetBrains Mono/jetbrains-mono-v24-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* jetbrains-mono-100italic - 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: 'JetBrains Mono'; font-style: italic; font-weight: 100; src: url('../fonts/JetBrains Mono/jetbrains-mono-v24-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* jetbrains-mono-200 - 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: 'JetBrains Mono'; font-style: normal; font-weight: 200; src: url('../fonts/JetBrains Mono/jetbrains-mono-v24-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* jetbrains-mono-200italic - 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: 'JetBrains Mono'; font-style: italic; font-weight: 200; src: url('../fonts/JetBrains Mono/jetbrains-mono-v24-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* jetbrains-mono-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: 'JetBrains Mono'; font-style: normal; font-weight: 300; src: url('../fonts/JetBrains Mono/jetbrains-mono-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* jetbrains-mono-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: 'JetBrains Mono'; font-style: italic; font-weight: 300; src: url('../fonts/JetBrains Mono/jetbrains-mono-v24-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* jetbrains-mono-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: 'JetBrains Mono'; font-style: normal; font-weight: 400; src: url('../fonts/JetBrains Mono/jetbrains-mono-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* jetbrains-mono-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: 'JetBrains Mono'; font-style: italic; font-weight: 400; src: url('../fonts/JetBrains Mono/jetbrains-mono-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* jetbrains-mono-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: 'JetBrains Mono'; font-style: normal; font-weight: 500; src: url('../fonts/JetBrains Mono/jetbrains-mono-v24-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* jetbrains-mono-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: 'JetBrains Mono'; font-style: italic; font-weight: 500; src: url('../fonts/JetBrains Mono/jetbrains-mono-v24-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* jetbrains-mono-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: 'JetBrains Mono'; font-style: normal; font-weight: 600; src: url('../fonts/JetBrains Mono/jetbrains-mono-v24-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* jetbrains-mono-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: 'JetBrains Mono'; font-style: italic; font-weight: 600; src: url('../fonts/JetBrains Mono/jetbrains-mono-v24-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* jetbrains-mono-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: 'JetBrains Mono'; font-style: normal; font-weight: 700; src: url('../fonts/JetBrains Mono/jetbrains-mono-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* jetbrains-mono-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: 'JetBrains Mono'; font-style: italic; font-weight: 700; src: url('../fonts/JetBrains Mono/jetbrains-mono-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* jetbrains-mono-800 - 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: 'JetBrains Mono'; font-style: normal; font-weight: 800; src: url('../fonts/JetBrains Mono/jetbrains-mono-v24-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* jetbrains-mono-800italic - 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: 'JetBrains Mono'; font-style: italic; font-weight: 800; src: url('../fonts/JetBrains Mono/jetbrains-mono-v24-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* db db d88888b .d8b. d8888b. d888888b d8b db d888b .d8888. 88 88 88' d8' `8b 88 `8D `88' 888o 88 88' Y8b 88' YP 88ooo88 88ooooo 88ooo88 88 88 88 88V8o 88 88 `8bo. 88~~~88 88~~~~~ 88~~~88 88 88 88 88 V8o88 88 ooo `Y8b. 88 88 88. 88 88 88 .8D .88. 88 V888 88. ~8~ db 8D YP YP Y88888P YP YP Y8888D' Y888888P VP V8P Y888P `8888Y' */ h1, h2, h3 { line-height: 1.25; font-weight: 700; text-align: center; } h1 { font-size: 2.5rem; margin-bottom: 6rem; } h2 { font-size: 1.75rem; margin-bottom: 4rem; } h3 { font-size: 1.25rem; margin-bottom: 1.5rem; } /* d888888b d88888b db db d888888b `~~88~~' 88' `8b d8' `~~88~~' 88 88ooooo `8bd8' 88 88 88~~~~~ .dPYb. 88 88 88. .8P Y8. 88 YP Y88888P YP YP YP */ p { margin-bottom: 2.5rem; max-width: 70ch; /* Optimal line length for readability */ justify-self: center; line-height: 1.5; text-align: center; overflow-wrap: anywhere; } /* d888888b .o88b. .d88b. d8b db .d8888. `88' d8P Y8 .8P Y8. 888o 88 88' YP 88 8P 88 88 88V8o 88 `8bo. 88 8b 88 88 88 V8o88 `Y8b. .88. Y8b d8 `8b d8' 88 V888 db 8D Y888888P `Y88P' `Y88P' VP V8P `8888Y' */ .lucide { width: 1em; height: 1em; vertical-align: -0.15em; margin: 0 0.15em; }