html,

body {

  height: 100%;

}

.parent {

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

   .center {
    position: absolute;
    left: 50%;
    top: 276px;
    transform: translate(-50%, -50%);
}