diff --git a/demo/index.html b/demo/index.html
index 0cad0e5..9b06e5e 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -3,9 +3,19 @@
 <head>
   <meta charset="utf-8">
   <style>
-    body {
-      background: #fafafa;
-    }
+   @font-face {
+       font-family: 'Bitwise';
+       font-style: normal;
+       font-weight: 400;
+       src: url("https://pendorwright.com/fonts/Bitwise/Bitwise.woff2") format("woff2"),
+       url("https://pendorwright.com/fonts/Bitwise/Bitwise.ttf") format("truetype");
+   }
+   body {
+       background: #fafafa;
+   }
+   pendor-clock::clock {
+       font-family: Bitwise;
+   }
   </style>
 </head>
 <body>
diff --git a/src/PendorClock.ts b/src/PendorClock.ts
index 9ccd913..8a996e1 100644
--- a/src/PendorClock.ts
+++ b/src/PendorClock.ts
@@ -152,6 +152,6 @@ export class PendorClock extends LitElement {
     }
 
     render() {
-        return html`<div id="clock">${this.tick(this.clock.value)}</div>`;
+        return html`<div id="clock" part="clock">${this.tick(this.clock.value)}</div>`;
     }
 }
