@charset "UTF-8";
/* CSS Document */

body {
  margin: 0;
}
/* 親要素に基準位置を指定します */
.parent {
  position: relative; 
  /* ウィンドウ幅を想定して指定していますが適宜変更してください */
  width: 100vw;
  height: 100vh;
}
/* .parentに対して.childを上下左右中央にします */
.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);/* 要素の大きさの半分の距離を左、上方向に移動する */
  -webkit-transform: translateY(-50%) translateX(-50%);
}