diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index b49c957..4528fbb 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -5,17 +5,21 @@ const colors = require('tailwindcss/colors')
 module.exports = {
 	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
 	theme: {
+		fontFamily: {
+			// add your default font below
+			'sans': ['Font Name', ...defaultTheme.fontFamily.sans]
+		},
 		extend: {
 			colors: {
-				primary: colors.amber // primary color used by the projet, easily swappable
-			},
-			fontFamily: {
-				'sans': ['Font Name', ...defaultTheme.fontFamily.sans]
+				// primary color used by the projet, easily swappable
+				primary: colors.amber
 			},
 			container: {
-				center: true, // default to center the container
+				// default the container to center the content
+				center: true,
 				padding: {
-					DEFAULT: '1rem' // add a default padding to the container
+					// add a default padding to the container
+					DEFAULT: '1rem'
 				}
 			},
 		},