correct transition name

src/App.vue

@@ -151,7 +151,7 @@
     </header>
     <main>
       <div id="content" class="ui stackable grid centered container">
-        <transition name="fadeOutUp">
+        <transition name="fadeDownUp">
         <div v-if="messages && messages.length > 0" class="row">
           <div class="fourteen wide column">
             <div
@@ -395,10 +395,10 @@ footer {
   }
 }
 
-.fadeOutUp-enter-active {
+.fadeDownUp-enter-active {
   animation: fadeInDown .5s;
 }
-.fadeOutUp-leave-active {
+.fadeDownUp-leave-active {
   animation: fadeOutUp .5s;
 }
 @keyframes fadeOutUp {