Added animate css

app/assets/sass/main.scss

@@ -25,6 +25,7 @@ html, body {
 
 // Styles for plugins
 @import "plugins/messenger";
+@import "plugins/animate";
 
 // Status Page will need to override certain styles.
 @import "status-page";

app/assets/sass/plugins/_animate.scss

@@ -0,0 +1,13 @@
+@import "../../bower_components/animate-sass/animate";
+
+body {
+	-webkit-backface-visibility: hidden; // Addresses a small issue in webkit: http://bit.ly/NEdoDq
+}
+.animated {
+	@include animate-prefixer(animation-duration, $base-duration);
+	@include animate-prefixer(animation-fill-mode, both);
+
+	&.hinge {
+		@include animate-prefixer(animation-duration, $base-duration * 2);
+	}
+}