toggleable crt effect (accessibility)! (also better mobile support)

public/style/main.css

@@ -28,6 +28,7 @@ header {
 	flex-direction: row;
 	gap: 1em;
 	padding: 0 1em;
+	overflow-x: scroll;
 }
 
 img#header-icon {
@@ -99,6 +100,23 @@ header ul li a:hover {
 	text-decoration: none;
 }
 
+#toggle-crt {
+	margin-top: 4px;
+	padding: 4px;
+	fill: var(--links);
+	cursor: pointer;
+	transition: fill .1s, opacity .1s;
+	opacity: .5;
+}
+
+#toggle-crt:hover {
+	fill: #eee;
+}
+
+#toggle-crt.active {
+	opacity: 1;
+}
+
 main {
 	width: 	min(calc(100% - 4rem), 720px);
 	min-height: calc(100vh - 10.3rem);
@@ -300,6 +318,10 @@ footer {
 }
 
 @media screen and (max-width: 520px) {
+	body {
+		font-size: 14px;
+	}
+
 	#header-text {
 		display: none;
 	}