li[id]{    
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  opacity: 0;
  background: rgba(0,0,0,0.9);
  -webkit-transition: opacity 1.2s cubic-bezier(0,0,0,1);
  -moz-transition: opacity 1.2s cubic-bezier(0,0,0,1);
  -o-transition: opacity 1.2s cubic-bezier(0,0,0,1);
  transition: opacity 1.2s cubic-bezier(0,0,0,1);
  min-width: 10px;
}

li[id] a:hover:before {
  opacity: 1;
}

li[id]:target{ 
  width: 100%;
  height: 200%;
  opacity: 1;
}

li[id]:target a{ 
  position: absolute;
  top: 33%;
  left: 50%;
  margin-left: -28vh;
  margin-top: -45vh;
  /* border: 2vh solid #fff; */
  /* -webkit-box-shadow: 5px 1px 20px #FF0; */
  /* -moz-box-shadow: 0 1px 8px #000; */
  /* box-shadow: 5px 1px 20px #FF0; */
  -webkit-animation: supersize 0.8s cubic-bezier(0,0,0,1);
}

li[id]:target a img{
  background-color: yellow;
  max-width: 50vh;
  max-height: 90vh;
}