global.sass in slow-steps-0.3.3

- old
+ new

@@ -99,14 +99,40 @@
   margin: 0
   position: absolute
   text-align: center
   width: 100vw
 
-  & > *
+
+  & > p
+    opacity: 0
     padding-top: 12px
+    animation: fadeInAnimation ease 1s
+    animation-delay: .8s
+    animation-iteration-count: 1
+    animation-fill-mode: forwards
 
+  & > h1, h2, h3, h4, h5
+    animation: zoomInAnimation ease .6s
+    animation-iteration-count: 1
+    animation-fill-mode: forwards
 
+@keyframes zoomInAnimation
+  0%
+    transform: scale(0)
+    opacity: 0
+
+  100%
+    transform: scale(1)
+    opacity: 1
+
+@keyframes fadeInAnimation
+  0%
+    opacity: 0
+
+  100%
+    opacity: 1
+
 .hero__strap--center
   //padding-top: $navbar-height
 
   span
     animation-duration: .1s
@@ -259,10 +285,11 @@
 
 .social-media
   display: flex
   padding: 0
   margin: 0
+  line-height: 0
 
 .social-media-item
   list-style: none
 
 .social-media-link
@@ -332,10 +359,10 @@
     top: 0
     transition: .2s ease
     width: 6rem
 
   span
-    font-weight: 900
+    font-weight: $heavy-font
     position: relative
 
   svg
     fill: none
     margin-left: 10px