From 20795aebf29279b0d709234ba8175d34e364e138 Mon Sep 17 00:00:00 2001
From: Chris Lowis <chris.lowis@gmail.com>
Date: Fri, 20 Jun 2025 14:35:05 +0100
Subject: [PATCH] Add reset stylesheet

Taken from https://www.joshwcomeau.com/css/custom-csss-reset/
---
 _includes/head.html  |  1 +
 assets/css/reset.css | 56 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 57 insertions(+)
 create mode 100644 assets/css/reset.css

diff --git a/_includes/head.html b/_includes/head.html
index bfa8a7c..2e54a21 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -53,6 +53,7 @@
   <meta name="twitter:image" content="{{ site.url }}/assets/img/Cotech_512x512.png" />
 {% endif %}
   <link rel="canonical" href="{{ page.url | absolute_url }}" />
+  <link rel='stylesheet' href='/assets/css/reset.css' type='text/css' media='all' />
   <link rel='stylesheet' id='app-css' href='/assets/css/app.css' type='text/css' media='all' />
   <link rel="icon" href="/assets/img/cropped-cotech_512x512-32x32.png" sizes="32x32" />
   <link rel="icon" href="/assets/img/cropped-cotech_512x512-192x192.png" sizes="192x192" />
diff --git a/assets/css/reset.css b/assets/css/reset.css
new file mode 100644
index 0000000..d17e52d
--- /dev/null
+++ b/assets/css/reset.css
@@ -0,0 +1,56 @@
+/* https://www.joshwcomeau.com/css/custom-css-reset/ */
+
+/* 1. Use a more-intuitive box-sizing model */
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+/* 2. Remove default margin */
+* {
+  margin: 0;
+}
+
+/* 3. Enable keyword animations */
+@media (prefers-reduced-motion: no-preference) {
+  html {
+    interpolate-size: allow-keywords;
+  }
+}
+
+body {
+  /* 4. Add accessible line-height */
+  line-height: 1.5;
+  /* 5. Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/* 6. Improve media defaults */
+img, picture, video, canvas, svg {
+  display: block;
+  max-width: 100%;
+}
+
+/* 7. Inherit fonts for form controls */
+input, button, textarea, select {
+  font: inherit;
+}
+
+/* 8. Avoid text overflows */
+p, h1, h2, h3, h4, h5, h6 {
+  overflow-wrap: break-word;
+}
+
+/* 9. Improve line wrapping */
+p {
+  text-wrap: pretty;
+}
+h1, h2, h3, h4, h5, h6 {
+  text-wrap: balance;
+}
+
+/*
+  10. Create a root stacking context
+*/
+#root, #__next {
+  isolation: isolate;
+}