Vertically aligning something via translate.

verticalCenter.css

.center {
  position: absolute;
  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%);
  
  /*
  Not even necessary really. 
  e.g. Height could be left out!
  */
  width: 40%;
  height: 50%;
}