@mixin centering($pos: absolute, $x: 50%, $y: 50%) {
  transform: translateX(-$x) translateY(-$y);
  position: $pos;
  top: $y;
  left: $x;
}