diff --git a/index.html b/index.html
index cbf94ac..760a8b8 100644
--- a/index.html
+++ b/index.html
@@ -44,6 +44,13 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
     <link rel="stylesheet" href="https://bootswatch.com/5/darkly/bootstrap.min.css" media="(prefers-color-scheme: no-preference), (prefers-color-scheme: light)">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+
+  <script>
+    $(document).ready(function () {
+      Math.floor(Math.random() * 10) === 5 && $("h1,h2,h3,h4,p,a,span,.copyright").addClass("font-effect-fire-animation")
+    });
+  </script>
+
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-EC3PK322B1"></script>
     <script>
diff --git a/site.css b/site.css
index dbacf93..d79a18f 100644
--- a/site.css
+++ b/site.css
@@ -1,4 +1,5 @@
 @import url('http://fonts.cdnfonts.com/css/comic-sans');
+@import url('https://fonts.googleapis.com/css?family=Comic+Neue&display=swap&effect=fire-animation');
 
 html {
   font-size: 14px;
@@ -40,7 +41,9 @@ footer {
 
 }
 
-
+.font-effect-fire-animation {
+  font-family: 'Comic Neue', cursive;
+}
 
 .buttonFLASH {
   background-color: #004A7F;