Add a code block style

2 files changed, 26 insertions, 0 deletions

diff --git a/assets/styles.css b/assets/styles.css
index 10bd544..b0c3d79 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -6,3 +6,23 @@ body {
 }
 
 header h1 { display: none; }
+
+.code {
+	font-family: "Monaco", monospace;
+}
+
+.code-block {
+	padding: 12px 16px;
+
+    border: solid 2px #8c6e6e;
+	border-radius: 6px;
+	box-shadow: inset 1px 1px 10px #402929;
+
+	background-color: #483f3d;
+	color: #c9ccb4;
+	text-shadow: 1px 3px 5px #230f0f;
+}
+
+.color-murky-pond {
+	color: #91947f;
+}
diff --git a/index.html b/index.html
index 03efc45..2964d79 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,12 @@
 	</header>
 
 	<div class="content">
+		<h2>Install</h2>
+		<div class="code code-block">
+			<span class="color-murky-pond">$</span> brew install teddywing/DomeKey/dome-key
+		</div>
+
+
 		DomeKey lets you customise headphone buttons 
 	</div>
 </body>