diff --git a/webapp/titanembeds/static/css/site.af.rainbow.css b/webapp/titanembeds/static/css/site.af.rainbow.css
new file mode 100644
index 0000000..d23400b
--- /dev/null
+++ b/webapp/titanembeds/static/css/site.af.rainbow.css
@@ -0,0 +1,7 @@
+html {
+  animation: rainbow 4s infinite;
+}
+
+@keyframes rainbow {
+  100% { filter: hue-rotate(360deg); }
+}
\ No newline at end of file
diff --git a/webapp/titanembeds/templates/embed.html.j2 b/webapp/titanembeds/templates/embed.html.j2
index 30e23cf..fc50bff 100644
--- a/webapp/titanembeds/templates/embed.html.j2
+++ b/webapp/titanembeds/templates/embed.html.j2
@@ -12,6 +12,10 @@
     <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/embed.css') }}">
     <link id="css-theme" type="text/css" rel="stylesheet" href="">
     
+    {% if af_mode_enabled %}
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/site.af.rainbow.css') }}">
+    {% endif %}
+    
     <meta name="robots" content="noindex, nofollow">
     
     <!--Check whether JavaScript is enabled, otherwise redirect to error page-->
diff --git a/webapp/titanembeds/templates/site_layout.html.j2 b/webapp/titanembeds/templates/site_layout.html.j2
index 19231f9..11242f4 100644
--- a/webapp/titanembeds/templates/site_layout.html.j2
+++ b/webapp/titanembeds/templates/site_layout.html.j2
@@ -6,6 +6,10 @@
     <!--Import materialize.css-->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" integrity="sha256-e22BQKCF7bb/h/4MFJ1a4lTRR2OuAe8Hxa/3tgU5Taw=" crossorigin="anonymous" />
     <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    
+    {% if af_mode_enabled %}
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/site.af.rainbow.css') }}">
+    {% endif %}
 
     <!--Let browser know website is optimized for mobile-->
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>