diff --git a/static/css/index.css b/static/css/index.css
new file mode 100644
index 0000000..1cb2413
--- /dev/null
+++ b/static/css/index.css
@@ -0,0 +1,109 @@
+html {
+ box-sizing: border-box;
+}
+*,
+*:before,
+*:after {
+ box-sizing: inherit;
+}
+*:focus {
+ outline: none;
+}
+[onClick] {
+ cursor: pointer;
+}
+html,
+body {
+ margin: 0;
+ padding: 0;
+}
+body {
+ background: #282828;
+ font-family: sans-serif;
+ font-weight: 300;
+ color: #d5c4a1;
+ font-size: 11pt;
+}
+h1,
+h2 {
+ margin-bottom: 4px;
+}
+h1:first-child,
+h2:first-child {
+ margin-top: 0px;
+}
+h1 {
+ font-size: 1.5em;
+ color: #fb4934;
+ font-weight: 500;
+}
+h2 {
+ font-size: 1.25em;
+ color: #b8bb26;
+ font-weight: 500;
+}
+a {
+ color: #3f9da1;
+ text-decoration: none;
+}
+a:hover {
+ text-decoration: underline;
+}
+b {
+ font-weight: 500;
+}
+input[type="text"],
+textarea,
+select {
+ font-family: monospace;
+ background: #202020;
+ color: #d5c4a1;
+ padding: 4px 8px;
+ border: none;
+ font-size: 1em;
+ line-height: 1.5em;
+}
+button {
+ background: #202020;
+ color: #d5c4a1;
+ padding: 8px 32px;
+ border: 1px solid #535353;
+ font-size: 1em;
+ height: 3em;
+}
+button:focus {
+ background: #333;
+}
+.line {
+ grid-column: 1 / -1;
+ border-bottom: 1px solid #4e4e4e;
+}
+span.date {
+ color: #d5c4a1;
+ font-weight: 500;
+}
+span.time {
+ font-size: 0.9em;
+ color: #d5c4a1;
+}
+span.seconds {
+ display: none;
+}
+label {
+ user-select: none;
+}
+.description {
+ border: 1px solid #737373;
+ color: #3f9da1;
+ background: #202020;
+ padding: 4px 8px;
+ margin-top: 8px;
+ white-space: nowrap;
+ width: min-content;
+ border-radius: 8px;
+}
+.graph {
+ margin-top: 32px;
+ padding: 32px;
+ border-radius: 16px;
+}
diff --git a/static/images/graph.drawio b/static/images/graph.drawio
new file mode 100644
index 0000000..1f93f5a
--- /dev/null
+++ b/static/images/graph.drawio
@@ -0,0 +1,74 @@
+