@font-face {
  font-family: 'Nexa Black';
  src: url('../fonts/nexa_black.ttf') /* TTF file for CSS3 browsers */
}

@font-face {
  font-family: 'Nexa Regular';
  src: url('../fonts/nexa_regular.ttf') /* TTF file for CSS3 browsers */
}
.menu {
font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  min-width  : 400px;
  min-height: 400px;
  color      : white;
  position   : absolute;
}

.menu.align-left {
  left: 40;
  top : 50%;
  transform: translate(0, -50%);
}

.menu.align-top-left {
  left: 40;
  top : 40;
}

.menu.align-top {
  left: 50%;
  top : 40;
  transform: translate(-50%, 0);
}

.menu.align-top-right {
  right: 10;
  top  : 40;
}

.menu.align-right {
  right: 40;
  top  : 50%;
  transform: translate(0, -50%);
}

.menu.align-bottom-right {
  right : 40;
  bottom: 40;
}

.menu.align-bottom {
  left  : 50%;
  bottom: 40;
  transform: translate(-50%, 0);
}