Improved error animation

res/css/_animations.sass

@@ -7,6 +7,15 @@
     margin-top: 0
     opacity: 1
 
+@keyframes slidein_error
+  from
+    margin-top: 6rem
+    opacity: 0
+
+  to
+    margin-top: 4rem
+    opacity: 1
+
 @keyframes slidein_msg_before
   from
     margin-bottom: .5rem

res/css/_content.sass

@@ -19,7 +19,7 @@
     height: 100%
     margin: 4rem
     animation-duration: 0.6s
-    animation-name: slidein
+    animation-name: slidein_error
 
     img
       max-width: 100%

res/css/search.css

@@ -952,7 +952,7 @@ body {
     height: 100%;
     margin: 4rem;
     animation-duration: 0.6s;
-    animation-name: slidein; }
+    animation-name: slidein_error; }
     .results .error img {
       max-width: 100%; }
     .results .error h1 {
@@ -1274,6 +1274,14 @@ body {
     margin-top: 0;
     opacity: 1; } }
 
+@keyframes slidein_error {
+  from {
+    margin-top: 6rem;
+    opacity: 0; }
+  to {
+    margin-top: 4rem;
+    opacity: 1; } }
+
 @keyframes slidein_msg_before {
   from {
     margin-bottom: .5rem;