// General containers

body {
  margin: 0;
  padding: 0;
  font-family: 'Ubuntu', sans-serif;
}
// Older browsers that don't recognize <main> will treat it as an inline element
main {
  display: block;
}
#app {
  margin: 0 auto;
  text-align: center;
  h1 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: 400;
  }
}
.nav-link {
  position: absolute;
  top: 6px;
  font-size: 14px;
  $position-x: 8px;
  &-left {
    left: $position-x;
  }
  &-right {
    right: $position-x;
  }
  a {
    color: #36c;
    text-decoration: none;
  }
}

#game {
  max-width: $page-max-width;
  margin: 0 auto;
  font-size: 0;
  @include if-compact-layout() {
    max-width: $page-max-width-compact;
  }
}

// General containers

body {
  margin: 0;
  padding: 0;
  font-family: 'Ubuntu', sans-serif;
}
// Older browsers that don't recognize <main> will treat it as an inline element
main {
  display: block;
}
#app {
  margin: 0 auto;
  text-align: center;
  h1 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: 400;
  }
}
.nav-link {
  position: absolute;
  top: 8px;
  font-size: 14px;
  $position-x: 10px;
  &-left {
    left: $position-x;
  }
  &-right {
    right: $position-x;
  }
  a {
    color: #36c;
    text-decoration: none;
  }
}

#game {
  max-width: $page-max-width;
  margin: 0 auto;
  font-size: 0;
  @include if-compact-layout() {
    max-width: $page-max-width-compact;
  }
}

Increase nav link distance from edges just slightly
Increase nav link distance from edges just slightly
