.center {
  position: absolute;
  left: 44%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 48%;
  height: 59%;
 moz-box-shadow: inset 10px 10px 50px #fff; 
 webkit-box-shadow: inset 10px 10px 50px #fff; 
  box-shadow: inset 10px 10px 50px #fff;
}

h1 {
    top: 5%;
    left: 2%;
    position: absolute;
    color: #C0C0EE;
    text-shadow: 0 1px 0 #999999, 0 2px 0 #888888,
             0 3px 0 #777777, 0 4px 0 #666666,
             0 5px 0 #555555, 0 6px 0 #444444,
             0 7px 0 #333333, 0 8px 7px rgba(0, 0, 0, 0.4),
             0 9px 10px rgba(0, 0, 0, 0.2);


}

h2 {
    top: 22%;
    left: 43%;
    position: absolute;
    color: #C0C0EE;
    font-size: 130%;
    text-shadow: 0 1px 0 #999999, 0 2px 0 #888888,
             0 3px 0 #777777, 0 4px 0 #666666,
             0 5px 0 #555555, 0 6px 0 #444444,
             0 7px 0 #333333, 0 8px 7px rgba(0, 0, 0, 0.4),
             0 9px 10px rgba(0, 0, 0, 0.2);


}