Хангелды Илебаев

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform:  translateX(-50%) translateY(-50%);

* {
box-sizing:border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}