* {
  xoutline: 1px solid red;
  padding: 0;
  margin: 0;
}

body {
  border-top:10px solid white;
  position: relative;
  font: 100%/1.5 Helvetica;
}

header {
  position: absolute;
  bottom: 100%;
  border-bottom: 10px solid black;
  left: 0;
  right: 0;
  padding: 0.5em;
  background: linear-gradient(hsl(200, 10%, 20%), hsla(200, 10%, 20%, .9));
  color: white;
  transition: .5s 1s transform;
}

header:hover {
  transform: translateY(-10px) translateY(100%);
  transition-delay: 0s;
}

a {
  color: inherit;
}