// -----------------------------------------------------------------------------
// This file contains very basic styles.
// -----------------------------------------------------------------------------

html {
  scroll-behavior: smooth;
}

/**
 * Set up a decent box model on the root element
 */
html, body {
  box-sizing: border-box;
}

body {
  background: $bg-color;
}

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
 * Basic styles for links
 */
a {
  text-decoration: none;
}

/**
* Paragraph styling
*/
p {
  letter-spacing: .05em;
  line-height: 1.5em;
}

/**
* NProgress CSS
*/
#nprogress .bar {
  background: $brand-color;
  height: 4px;
}