diff --git a/extras/src/sass/_theme_adaptations.scss b/extras/src/sass/_theme_adaptations.scss
new file mode 100644
index 0000000..dcc0171
--- /dev/null
+++ b/extras/src/sass/_theme_adaptations.scss
@@ -0,0 +1,111 @@
+@use "../../vendor/baloo-2/scss/mixins" as Baloo2;
+@include Baloo2.faces($weights: 800, $display: auto, $directory: "/vendor/baloo-2/files");
+
+@mixin baloo2-extra-bold {
+  font-family: 'Baloo 2', sans-serif;
+  font-weight: 800;
+  font-style: normal;
+}
+
+$c-black: #000;
+$c-white: #fff;
+$c-yellow: rgb(255 238 0);
+$c-orange: rgb(234 91 12);
+$c-orange-light: #f9bfa7;
+$c-orange-light-dark: rgb(232 179 156);
+$c-red: rgb(255 46 8);
+$c-brown: rgb(127 9 10);
+$c-brown-light: #8d3a0c;
+
+body {
+  @include baloo2-extra-bold;
+
+  background-color: $c-orange;
+}
+
+.s-btn {
+  background-color: $c-yellow;
+  border-color: $c-yellow;
+  color: $c-brown;
+  font-size: 2.2rem;
+  line-height: 1;
+  white-space: nowrap;
+  min-width: 8rem;
+  min-height: 5rem;
+
+  .fa-2x {
+    font-size: 3rem;
+  }
+}
+
+.util-menu {
+  height: 8.5em;
+}
+
+.instructions {
+  font-size: 2.5em;
+  line-height: 1.3;
+}
+
+.sumory-card {
+  &.visible {
+    .sumory-card-front {
+      background-color: $c-yellow;
+      color: $c-brown;
+    }
+  }
+  .sumory-card-back {
+    background-color: $c-brown-light;
+    border-color: $c-brown-light;
+  }
+}
+
+.status {
+  top: 2vh;
+}
+
+.status-box {
+  .label {
+    top: 2.5em;
+    font-size: 2em;
+    color: $c-white;
+  }
+
+  .value {
+    font-size: 3.7em;
+  }
+}
+
+.sumory-analysis-chart {
+  display: none;
+}
+
+.sumory-analysis .sumory-analysis-text {
+  font-size: 3rem;
+  margin-bottom: 1.2em;
+  margin-top: 0.7em;
+}
+
+.sumory-analysis .sumory-analysis-explanation {
+  width: 66%;
+  padding: 0;
+  margin: 0 17% 2em;
+  border: none;
+  font-size: 2rem;
+
+  strong {
+    color: $c-yellow;
+  }
+}
+
+.s-modal {
+  background-color: $c-orange;
+  border: none;
+}
+
+.s-dropdown-menu {
+  .s-dropdown-item {
+    font-size: 2rem;
+    color: $c-brown;
+  }
+}
diff --git a/package-lock.json b/package-lock.json
index d964a33..44fbb2e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,9 +8,15 @@
       "name": "dm-bonn-sumory",
       "version": "1.0.0",
       "dependencies": {
+        "@fontsource/baloo-2": "^5.0.18",
         "degit": "^2.8.4"
       }
     },
+    "node_modules/@fontsource/baloo-2": {
+      "version": "5.0.18",
+      "resolved": "https://registry.npmjs.org/@fontsource/baloo-2/-/baloo-2-5.0.18.tgz",
+      "integrity": "sha512-+oIGQOocp1o7dfm5Be75wVVe9IeU5m+CcCDrnRR+p2EXN/meCCvJFtoMo/Q5tLdNtz7FRMe/yzy9NN+p88IsRg=="
+    },
     "node_modules/degit": {
       "version": "2.8.4",
       "resolved": "https://registry.npmjs.org/degit/-/degit-2.8.4.tgz",
diff --git a/package.json b/package.json
index e96875c..bc4cf9a 100644
--- a/package.json
+++ b/package.json
@@ -4,10 +4,12 @@
   "description": "Deutsches Museum Bonn version of the Sumory exhibit",
   "main": "index.js",
   "dependencies": {
+    "@fontsource/baloo-2": "^5.0.18",
     "degit": "^2.8.4"
   },
   "scripts": {
-    "build": "rm -rf ./dist && degit github:IMAGINARY/sumory#v1.3.1 --force dist && cp -R ./extras/ ./dist && cd ./dist/src && npm install && npm run build && cd .. && cd .."
+    "copy-font": "cp -R ./node_modules/@fontsource/baloo-2/ ./dist/vendor/baloo-2",
+    "build": "rm -rf ./dist && degit github:IMAGINARY/sumory#v1.4.0 --force dist && npm run copy-font && cp -R ./extras/ ./dist && cd ./dist/src && npm install && npm run build && cd .. && cd .."
   },
   "repository": {
     "type": "git",