It took 12 lines of CSS to make it look decent, even on mobile:
<style>
body {
margin: 2em auto;
max-width: 800px;
font-size: 18px;
padding: 1em;
text-align: justify;
}
h1,
h2,
h3 {
line-height: 1.2;
}
</style>
This website additionally has
font-family: Arial, sans-serif;. I personally like using Open
Sans but then you need to go to Google Fonts and copy the embed code for
it and you're a busy person, you don't have time for that.
Especially in academia, I still see course websites from 2025 that look identical to the ones from 2006.
I learned from the better and the best. However, those websites (a) involve swearing, and (b) require inspecting the web source to copy from. Academics don't have time to open dev tools.
Sure. The code above is licensed under the MIT license or the Apache
license, at your option. Just copy-paste it to your website's
<head> element.
Here's my website. It has more than 12 lines of CSS.