3 files changed, 10 insertions, 4 deletions
diff --git a/src/main/resources/css/layout.css b/src/main/resources/css/layout.css
index cb0850e..f016c76 100644
--- a/src/main/resources/css/layout.css
+++ b/src/main/resources/css/layout.css
@@ -1,9 +1,14 @@
+@font-face {
+    font-family: "Share Tech Mono";
+    src: url('/fonts/ShareTechMono.ttf') format("TrueType");
+}
+
 body {
     margin: 0 auto;
 }
 
 .main {
-    font-family: Arial, Helvetica, sans-serif;
+    font-family: "Share Tech Mono", monospace;
     color: #424242;
     padding: 0;
     margin: 0;
@@ -41,14 +46,15 @@ button {
 
 .flex .button {
     text-decoration: none;
-    background: none;
+    background-color: #424242;
     padding: 5px;
     border: 1px solid #424242;
     border-radius: 10px;
+    color: #fff;
 }
 
 .flex .button:visited {
-    color: #424242;
+    color: #fff;
 }
 
 .username {
diff --git a/src/main/resources/fonts/ShareTechMono.ttf b/src/main/resources/fonts/ShareTechMono.ttf
new file mode 100644
index 0000000..49015af
--- /dev/null
+++ b/src/main/resources/fonts/ShareTechMono.ttf
diff --git a/src/main/resources/views/index.rocker.html b/src/main/resources/views/index.rocker.html
index 72ec4d2..74e8e0b 100644
--- a/src/main/resources/views/index.rocker.html
+++ b/src/main/resources/views/index.rocker.html
@@ -2,7 +2,7 @@
 
 @layout.template("Index", RockerContent.NONE, RockerContent.NONE) -> {
 <div class="flex">
-    <h1>Welcome to Kloud <i class="username">@username</i>!</h1>
+    <h1>Welcome to Kloud<span class="username">@(username == "" ? "" : " " + username)</span>!</h1>
 
     <div>
         @if(username.length() > 0) {