diff --git a/src/style/components/page-school.scss b/src/style/components/page-school.scss
index 0db09981..b4ae43af 100644
--- a/src/style/components/page-school.scss
+++ b/src/style/components/page-school.scss
@@ -1,10 +1,12 @@
+@import "../variables";
+
 .page-school {
   &.ng-leave {
     transform-origin: 0% 0%;
-    animation: rotateFall .3s both ease-in;
+    animation: rotateFall $short-duration both ease-in;
   }
 
   &.ng-enter {
-    animation: scaleUp 0.3s both ease-in;
+    animation: scaleUp $short-duration both ease-in;
   }
 }
\ No newline at end of file
diff --git a/src/style/variables.scss b/src/style/variables.scss
index e9c7efdc..be690555 100644
--- a/src/style/variables.scss
+++ b/src/style/variables.scss
@@ -43,4 +43,7 @@ $smaller-font-size: .8em;
 //MENU
 $menu-thickness: 2.5em;
 $menu-colored-mark-thickness: 4px;
-$menu-inactive-item-color: hsl(0, 0%, 40%);
\ No newline at end of file
+$menu-inactive-item-color: hsl(0, 0%, 40%);
+
+//ANIMATION
+$short-duration: 0.3s;
\ No newline at end of file