diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css
new file mode 100644
index 0000000..03c9b00
--- /dev/null
+++ b/src/main/resources/static/css/style.css
@@ -0,0 +1,98 @@
+body {
+ margin: 0;
+ background-color: #f5f5f5;
+}
+
+header {
+ margin: 1em 0 6em 0;
+ text-align: left;
+}
+
+.statistics table {
+ border-collapse: collapse;
+ margin: 3em auto 0;
+ background-color: white;
+
+ font-size: smaller;
+ width: 100%;
+}
+
+td, th {
+ text-align: left;
+ padding: 2px;
+}
+
+tr {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+tr th {
+ background-color: #ccc;
+}
+
+tr:nth-child(even) td {
+ background-color: #eee
+}
+
+tr > td:last-of-type {
+ text-align: right;
+}
+
+.content {
+ width: fit-content;
+ height: 100vh;
+ margin: 0 auto;
+ padding: 1em;
+ text-align: center;
+}
+
+.step {
+ display: inline-block;
+ width: fit-content;
+ vertical-align: top;
+}
+
+.step > .item {
+ display: inline-block;
+ min-width: 6em;
+ padding: .4em .4em 2em;
+ border: 1px solid transparent;
+}
+
+.step .item:has(.statistics) {
+ width: 14em;
+
+ background: white;
+ border-radius: 2em 2em .4em .4em;
+ border: 1px solid #ddd;
+ box-shadow: 1px 1px 2px #ddd;
+}
+
+.step:before, .step:after {
+ content: "";
+ margin: 2em 0;
+ width: 1em;
+ height: 2px;
+ background: black;
+ display: inline-block;
+}
+
+.step:first-of-type:before, .step:last-of-type:after {
+ display: none;
+}
+
+.step .logo {
+ display: block;
+ width: 3em;
+ height: 3em;
+ vertical-align: middle;
+ margin: 0 auto;
+}
+
+.step .description {
+ font-size: small;
+ font-weight: bold;
+ display: block;
+ text-align: center;
+}
\ No newline at end of file
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index 04765c0..6e3407a 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -3,113 +3,7 @@
onco-analytics-monitor
-
+