CSS Boilerplate

https://www.youtube.com/watch?v=pRpsi1Z5YY0

hanging puncuatio: first last

html {
	/* Free dark mode */
	color-scheme: light dark;
}
 
h1, h2, h3, h4, h5, h6 {
	text-wrap: balance;
}
 
p, li, figcaption 
{
	/* Prevent orphans (last line consisting of a single word) */
	text-wrap: pretty;
	
	/* Good practice among typographers for text readability */
	max-width: 65ch;
 
	/* Fix fonts renderd too blurry */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	/* Align first letter of a quote with the rest of the paragraph */
	/* https://developer.mozilla.org/en-US/docs/Web/CSS/hanging-punctuation */
	hanging-punctuation: first last;
}
 
img {
	/* Prevent from being too large */
	max-width: 100%;
	height: auto;
 
	/* Prevent the weird bottom margin */
	display: block;
	
	/* Style the alt text, make it differ from normal text */
	font-style: italic;
}