Small css adjustments to #return-to-top.

src/assets/scss/style.scss

@@ -23,6 +23,21 @@ body{
     }
 }
 
+// Animation for return to top
+@keyframes appear-from-bottom {
+    from {
+        opacity: 0;
+        visibility: hidden;
+        transform: translate(0, 60px);
+    }
+    to {
+        opacity: 1;
+        visibility: visible;
+        transform: translate(0, 0px);
+    }
+}
+
+
 #return-to-top {
     position: fixed;
     bottom: 20px;
@@ -43,12 +58,16 @@ body{
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     z-index: 99;
+    animation: appear-from-bottom 0.2s ease;
+    &:focus, &:active {
+        outline: none;
+    }
     i {
         color: #fff;
         margin: 0;
         position: relative;
         left: 2px;
-        top: -7px;
+        top: -8px;
         font-size: 2rem;
         -webkit-transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;