diff --git a/public/pages/index.html b/public/pages/index.html
index 2ba2ca6..a502247 100644
--- a/public/pages/index.html
+++ b/public/pages/index.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Timo says Hello World!</title>
     <style>
+        @import url('https://fonts.googleapis.com/css2?family=Doto:wght@100..900&display=swap');
         body {
             margin: 0;
             padding: 0;
@@ -21,6 +22,12 @@
             background-size: cover;
             overflow: hidden;
             position: relative;
+            font-family: "Doto", sans-serif;
+            font-optical-sizing: auto;
+            font-weight: 700;
+            font-style: normal;
+            font-variation-settings:
+                    "ROND" 0;
         }
 
         .star {
@@ -61,7 +68,6 @@
                     0 0 15px rgba(255, 255, 255, 0.6),
                     0 0 20px rgba(173, 216, 230, 0.6),
                     0 0 30px rgba(173, 216, 230, 0.5);
-            font-family: 'Comic Sans MS', 'Chalkboard', sans-serif;
             z-index: 1;
             position: relative;
             opacity: .25;
@@ -69,7 +75,7 @@
     </style>
 </head>
 <body>
-<h1>Hello World!</h1>
+<h1>Kirkkala</h1>
 <script>
     function twinkleTwinkleLittleStars() {
         const numStars = 369;
