● cssで position : fixed な要素を中央に配置する（上下左右センタリング）

新しい記述方法

.popup{
  position: fixed;
  inset: 0;
  margin: auto;
}

昔の記述方法

.popup{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translateX(-50%)
             translateY(-50%);
}

引用 : https://bit.ly/3XYY7pq