style page refactoring

src/style/docs.scss

@@ -1,14 +1,3 @@
-.page-docs {
-  &.ng-leave {
-    transform-origin: 50% 50%;
-    animation: rotateOutNewspaper .3s both ease-in;
-  }
-
-  &.ng-enter {
-    animation: scaleUp 0.3s both ease-in
-  }
-}
-
 .documents-container {
   display: flex;
   flex-wrap: wrap;

src/style/home.scss

@@ -1,19 +1,3 @@
-.page-home {
-  &.ng-leave {
-    transform-origin: 0% 0%;
-    animation: rotateFall .3s both ease-in;
-  }
-
-  &.ng-enter {
-    animation: scaleUp 0.3s both ease-in;
-  }
-}
-
-.page.page-home{
-  width: 90%;
-  margin: 0 auto;
-}
-
 .main-block {
   h1 {
     font-size: 18pt;

src/style/page.scss

@@ -1,12 +1,55 @@
 .page {
   padding-top: 0;
   width: 100%;
+
+  &.ng-leave {
+    //  z-index: 9999;
+  }
+
+  &.ng-enter {
+    //  z-index: 8888;
+  }
 }
 
-.page.ng-leave {
-//  z-index: 9999;
+.page-home {
+  &.ng-leave {
+    transform-origin: 0% 0%;
+    animation: rotateFall .3s both ease-in;
+  }
+
+  &.ng-enter {
+    animation: scaleUp 0.3s both ease-in;
+  }
 }
 
-.page.ng-enter {
-//  z-index: 8888;
+.page-schedule {
+  &.ng-leave {
+    transform-origin: 0% 0%;
+    animation: rotateFall 0.3s both ease-in;
+  }
+
+  &.ng-enter {
+    animation: scaleUp 0.3s both ease-in;
+  }
 }
+
+.page-team {
+  &.ng-leave {
+    animation: slideOutLeft 0.3s both ease-in;
+  }
+
+  &.ng-enter {
+    animation: slideInRight 0.3s both ease-in;
+  }
+}
+
+.page-docs {
+  &.ng-leave {
+    transform-origin: 50% 50%;
+    animation: rotateOutNewspaper .3s both ease-in;
+  }
+
+  &.ng-enter {
+    animation: scaleUp 0.3s both ease-in
+  }
+}

src/style/schedule.scss

@@ -1,14 +1,3 @@
-.page-schedule {
-    &.ng-leave {
-        transform-origin: 0% 0%;
-        animation: rotateFall 0.3s both ease-in;
-    }
-
-    &.ng-enter {
-        animation: scaleUp 0.3s both ease-in;
-    }
-}
-
 .schedule {
     position: relative;
     margin: 30px auto 0 auto;