translate()
Сдвигает элемент по осям X и Y.
Сигнатура
translate(x, y)Перемещает элемент без влияния на поток страницы. Частый приём центрирования вместе с top/left: 50%.
.center {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
}