// main: style.less

html, body {
  margin: 0;
  background: @body_bg;
  background: var(--body_bg);
}

.fullwidth-container, .super-large-container, .large-container, .medium-container {
  &.top-and-bottom-margin {
    margin: 60px auto;
  }
}

.fullwidth-container {
  width: 100%;
}

.super-large-container {
  width: 95%;
  max-width: 1260px;
  margin: auto;
}

.large-container {
  width: 95%;
  max-width: 960px;
  margin: auto;
}

.medium-container {
  position: relative;
  width: 95%;
  max-width: 660px;
  margin: auto;
}

a {
  color: @link_color;
  color: var(--link_color);
  text-decoration: none;

  &:visited, &:focus {
    color: @link_color;
    color: var(--link_color);
  }

  &:hover {
    color: @link_hover_color;
    color: var(--link_hover_color);
  }
}