.menu
{
  position:fixed;
  left:0px;
  top:-85px;
  
  width:100vw;
  padding:20px;
  text-align:center;
  z-index: 100;
  
  background-color:rgba(0,0,0,0.9);
  box-shadow: 0px 2px 5px rgba(0,0,0,0.6);
  
  font-size:20px;
  color:white;
  
  /* transition */
  
  transition:top 1s;
  -webkit-transition:top 1s;
  transition-delay: 0.2s;
  
}

.menu:hover
{
  top:-10px;  
}


/* SPAN OF SPAN */

.menu span
{
  margin:20px;  
}

.menu span a:hover
{
  color:rgba(255,255,255,0.5);  
}