diff --git a/app/static/css/partials/_film.scss b/app/static/css/partials/_film.scss
index 5c6b1c2..72fe517 100755
--- a/app/static/css/partials/_film.scss
+++ b/app/static/css/partials/_film.scss
@@ -91,7 +91,7 @@ main > .film {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%); 
-  animation: fadeIn 1s linear 0.4s forwards;
+  animation: fade_in 1s linear 0.4s forwards;
   opacity: 0;
 }
 
diff --git a/app/static/css/partials/_layout.scss b/app/static/css/partials/_layout.scss
index e673b28..6c5cd9b 100755
--- a/app/static/css/partials/_layout.scss
+++ b/app/static/css/partials/_layout.scss
@@ -13,20 +13,33 @@
 @keyframes background_animation {
     0%,100% {
         background-position: 0 0;
-        //color: #ddd;
     }
 
     50% {
         background-position: 100% 0;
-        //color: #000;
     }
 }
+
+@keyframes text_animation {
+    0%,100% {
+        color: #ddd;
+    }
+
+    50% {
+        color: #000;
+    }
+}
+
 body.animated {
     background: linear-gradient(to right, var(--bg-color-1), var(--bg-color-2) , var(--bg-color-3), var(--bg-color-4));
     animation: background_animation 60s ease-in-out infinite;
     background-size: 400% 100%;
 }
 
+body.animated-text {
+    animation: text_animation 60s ease-in-out infinite;
+}
+
 body {
     color: #ddd;
     font-family: "noto_sans", sans-serif;
@@ -52,7 +65,7 @@ nav {
 }
 
 // Animations: Fade In
-@keyframes fadeIn {
+@keyframes fade_in {
   0% {
     opacity: 0;
   }
diff --git a/app/templates/films.html b/app/templates/films.html
old mode 100644
new mode 100755
index 1f6d085..3b1b15a
--- a/app/templates/films.html
+++ b/app/templates/films.html
@@ -1,5 +1,5 @@
 {% extends "base.html" %}
-{% block body_class%}animated{% endblock %}
+{% block body_class%}animated animated-text{% endblock %}
 {% block main %}
 <div class="films">
 {% for film in films %}
diff --git a/app/templates/index.html b/app/templates/index.html
old mode 100644
new mode 100755
index 38006e0..221ea9d
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -1,5 +1,5 @@
 {% extends "base.html" %}
-{% block body_class%}animated{% endblock %}
+{% block body_class%}animated animated-text{% endblock %}
 {% block main %}
 <div class="index">
 	Phantasmapolis<br>
diff --git a/app/templates/page.html b/app/templates/page.html
old mode 100644
new mode 100755
index 456f2ad..699ae28
--- a/app/templates/page.html
+++ b/app/templates/page.html
@@ -1,6 +1,6 @@
 {% extends "base.html" %}
 {% block title %}{{ page.title }}– Phantas.ma/polis{% endblock title %}
-{% block body_class%}animated{% endblock %}
+{% block body_class%}animated animated-text{% endblock %}
 {% block main %}
 <div class="page {{ page.slug }}">
 	{{ page.body | safe }}
diff --git a/app/templates/texts.html b/app/templates/texts.html
old mode 100644
new mode 100755
index 1737e6f..ffb60c9
--- a/app/templates/texts.html
+++ b/app/templates/texts.html
@@ -1,5 +1,5 @@
 {% extends "base.html" %}
-{% block body_class%}animated{% endblock %}
+{% block body_class%}animated animated-text{% endblock %}
 {% block main %}
 
 <div class="texts">