redo main/register page

public/resources/animate.css-main/source/fading_exits/fadeOut.css

@@ -0,0 +1,13 @@
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.fadeOut {
+  animation-name: fadeOut;
+}

public/resources/animate.css-main/source/fading_exits/fadeOutBottomLeft.css

@@ -0,0 +1,14 @@
+@keyframes fadeOutBottomLeft {
+  from {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(-100%, 100%, 0);
+  }
+}
+
+.fadeOutBottomLeft {
+  animation-name: fadeOutBottomLeft;
+}

public/resources/animate.css-main/source/fading_exits/fadeOutBottomRight.css

@@ -0,0 +1,14 @@
+@keyframes fadeOutBottomRight {
+  from {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(100%, 100%, 0);
+  }
+}
+
+.fadeOutBottomRight {
+  animation-name: fadeOutBottomRight;
+}

public/resources/animate.css-main/source/fading_exits/fadeOutDown.css

@@ -0,0 +1,14 @@
+@keyframes fadeOutDown {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+.fadeOutDown {
+  animation-name: fadeOutDown;
+}

public/resources/animate.css-main/source/fading_exits/fadeOutDownBig.css

@@ -0,0 +1,14 @@
+@keyframes fadeOutDownBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+.fadeOutDownBig {
+  animation-name: fadeOutDownBig;
+}

public/resources/animate.css-main/source/fading_exits/fadeOutLeft.css

@@ -0,0 +1,14 @@
+@keyframes fadeOutLeft {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+.fadeOutLeft {
+  animation-name: fadeOutLeft;
+}

public/resources/animate.css-main/source/fading_exits/fadeOutLeftBig.css

@@ -0,0 +1,14 @@
+@keyframes fadeOutLeftBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+.fadeOutLeftBig {
+  animation-name: fadeOutLeftBig;
+}

public/resources/animate.css-main/source/fading_exits/fadeOutRight.css

@@ -0,0 +1,14 @@
+@keyframes fadeOutRight {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.fadeOutRight {
+  animation-name: fadeOutRight;
+}

public/resources/animate.css-main/source/fading_exits/fadeOutRightBig.css

@@ -0,0 +1,14 @@
+@keyframes fadeOutRightBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+.fadeOutRightBig {
+  animation-name: fadeOutRightBig;
+}

public/resources/animate.css-main/source/fading_exits/fadeOutTopLeft.css

@@ -0,0 +1,14 @@
+@keyframes fadeOutTopLeft {
+  from {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(-100%, -100%, 0);
+  }
+}
+
+.fadeOutTopLeft {
+  animation-name: fadeOutTopLeft;
+}

public/resources/animate.css-main/source/fading_exits/fadeOutTopRight.css

@@ -0,0 +1,14 @@
+@keyframes fadeOutTopRight {
+  from {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(100%, -100%, 0);
+  }
+}
+
+.fadeOutTopRight {
+  animation-name: fadeOutTopRight;
+}

public/resources/animate.css-main/source/fading_exits/fadeOutUp.css

@@ -0,0 +1,14 @@
+@keyframes fadeOutUp {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+.fadeOutUp {
+  animation-name: fadeOutUp;
+}

public/resources/animate.css-main/source/fading_exits/fadeOutUpBig.css

@@ -0,0 +1,14 @@
+@keyframes fadeOutUpBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+.fadeOutUpBig {
+  animation-name: fadeOutUpBig;
+}