body, html {
font-family: "Archivo Black", sans-serif;
background-color: red;
padding: 0;
color: white;
}
hr{
  border: 10px
}
.animate-bottom {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 1s;
animation-name: animatebottom;
animation-duration: 1s
}

@-webkit-keyframes animatebottom {
from { bottom:-100px; opacity:0 }
to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
from{ bottom:-100px; opacity:0 }
to{ bottom:0; opacity:1 }
}
a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}