diff --git a/site/humans/distracting.html b/site/humans/distracting.html
index 7edb223..85c6d80 100644
--- a/site/humans/distracting.html
+++ b/site/humans/distracting.html
@@ -4,14 +4,31 @@
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>something silly - distracting</title>
-	<link rel="stylesheet" href="/style.css">
+	<title>distracting</title>
 	<link rel="icon" type="image/x-icon" href="/cretin.png">
+	<style>
+	html {
+		color-scheme: dark;
+		font-family: sans-serif;
+		background-color: #111;
+	}
+	main {
+		width: 800px;
+		background-color: #222;
+		margin: auto;
+		padding: 2px 32px 32px;
+		border-left: 4px solid #d3f;
+	}
+	@media screen and (max-width:900px) {
+		main {
+			width: calc(100% - 82px);
+		}
+	}
+	</style>
 </head>
-
 <body>
 	<main>
-		<h1>distracting </h1>
+<h1>distracting </h1>
 <p>
 i work in an open office. that means there are 30 people in the same room trying to work. and between 1 and 5 conversations happening at once. i cannot work if i hear people talking, this is a constant problem. loud music helps some but makes me more tired too.<br>
 today i brought a bearing, i like to fidget with something while i think. <br>
@@ -25,5 +42,4 @@ go back to <a href="/">procrastinating</a><br>
 
 	</main>
 </body>
-
-</html>
\ No newline at end of file
+</html>
diff --git a/site/index.html b/site/index.html
index 6422c8a..30f2f7a 100644
--- a/site/index.html
+++ b/site/index.html
@@ -4,14 +4,31 @@
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>something silly - index</title>
-	<link rel="stylesheet" href="/style.css">
+	<title>index</title>
 	<link rel="icon" type="image/x-icon" href="/cretin.png">
+	<style>
+	html {
+		color-scheme: dark;
+		font-family: sans-serif;
+		background-color: #111;
+	}
+	main {
+		width: 800px;
+		background-color: #222;
+		margin: auto;
+		padding: 2px 32px 32px;
+		border-left: 4px solid #d3f;
+	}
+	@media screen and (max-width:900px) {
+		main {
+			width: calc(100% - 82px);
+		}
+	}
+	</style>
 </head>
-
 <body>
 	<main>
-		<h1>crispys blug</h1>
+<h1>crispys blug</h1>
 <p>
 hello i might write some words here from time to time<br>
 </p>
@@ -36,5 +53,4 @@ this means it is<br>
 
 	</main>
 </body>
-
-</html>
\ No newline at end of file
+</html>
diff --git a/site/keyboards-are-fun.html b/site/keyboards-are-fun.html
index 8558564..6005d6e 100644
--- a/site/keyboards-are-fun.html
+++ b/site/keyboards-are-fun.html
@@ -4,14 +4,31 @@
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>something silly - keyboards-are-fun</title>
-	<link rel="stylesheet" href="/style.css">
+	<title>keyboards-are-fun</title>
 	<link rel="icon" type="image/x-icon" href="/cretin.png">
+	<style>
+	html {
+		color-scheme: dark;
+		font-family: sans-serif;
+		background-color: #111;
+	}
+	main {
+		width: 800px;
+		background-color: #222;
+		margin: auto;
+		padding: 2px 32px 32px;
+		border-left: 4px solid #d3f;
+	}
+	@media screen and (max-width:900px) {
+		main {
+			width: calc(100% - 82px);
+		}
+	}
+	</style>
 </head>
-
 <body>
 	<main>
-		<h1>keyboards!</h1>
+<h1>keyboards!</h1>
 <p>
 I love weird keyboards. I have many ideas for more weird keyboards that I might make one day, physical and digital.<br>
 </p>
@@ -32,5 +49,4 @@ this bit was written with 8vim<br>
 
 	</main>
 </body>
-
-</html>
\ No newline at end of file
+</html>
diff --git a/site/style.css b/site/style.css
deleted file mode 100644
index 81372c4..0000000
--- a/site/style.css
+++ /dev/null
@@ -1,19 +0,0 @@
-html {
-	color-scheme: dark;
-	font-family: sans-serif;
-	background-color: #111;
-}
-
-main {
-	width: 800px;
-	background-color: #222;
-	margin: auto;
-	padding: 2px 32px 32px;
-	border-left: 4px solid #d3f;
-}
-
-@media screen and (max-width:900px) {
-	main {
-		width: calc(100% - 82px);
-	}
-}
\ No newline at end of file
diff --git a/template.html b/template.html
index 1d90c3e..139d9d5 100644
--- a/template.html
+++ b/template.html
@@ -4,15 +4,31 @@
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>something silly - {FILENAME}</title>
-	<link rel="stylesheet" href="/style.css">
+	<title>{FILENAME}</title>
 	<link rel="icon" type="image/x-icon" href="/cretin.png">
+	<style>
+	html {
+		color-scheme: dark;
+		font-family: sans-serif;
+		background-color: #111;
+	}
+	main {
+		width: 800px;
+		background-color: #222;
+		margin: auto;
+		padding: 2px 32px 32px;
+		border-left: 4px solid #d3f;
+	}
+	@media screen and (max-width:900px) {
+		main {
+			width: calc(100% - 82px);
+		}
+	}
+	</style>
 </head>
-
 <body>
 	<main>
-		{CONTENT}
+{CONTENT}
 	</main>
 </body>
-
-</html>
\ No newline at end of file
+</html>
