diff --git a/web.md b/web.md
index cc22e7f..9b1d6a6 100644
--- a/web.md
+++ b/web.md
@@ -10,7 +10,7 @@
 
 <span class="kudos">Hi!<button class="tinylytics_kudos"></button></span>
 
-I write code to make imaginary computers run code written by less imaginary developers
+<div id="typo" data-typo-chance="2" data-typing-delay="40" data-typing-jitter="20">I write code to make imaginary computers run code written by less imaginary developers</div>
 
 ---
 
@@ -60,5 +60,5 @@ I write code to make imaginary computers run code written by less imaginary deve
 
 
 
-
-
+
+
diff --git a/web_head.html b/web_head.html
index ec1a2a6..79519e7 100644
--- a/web_head.html
+++ b/web_head.html
@@ -2,6 +2,7 @@
 <!-- add pride bar for june -->
 <link rel="stylesheet" href="https://cdn.pride.codes/css/bar_body.css">
 <script src="https://tinylytics.app/embed/QUH6xcnWKYeUUYaMkDKd.js?kudos=👋" defer></script>
+<script src="https://paste.lol/jbowdre/typo.js/raw"></script>
 <script>
 // get weather data from pastebin
 document.addEventListener("DOMContentLoaded", function() {
@@ -144,5 +145,13 @@ document.addEventListener("DOMContentLoaded", function() {
   }
 });
 </script>
+<script>
+// implement typo
+document.addEventListener('DOMContentLoaded', function() {
+  var element = document.getElementById('typo');
+  var text = element.innerHTML;
+  typo(element, text);
+});
+</script>
+
 
-