// Base Styles
// ––––––––––––––––––––––––––––––––––––––––––––––––––

// NOTE
// html is set to 62.5% so that all the REM measurements throughout karma-css
// are based on 10px sizing. So basically 1.5rem = 15px :)

// box sizing  & reset margin
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;

  &::before,
  &::after {
    box-sizing: border-box;
  }
}

// basic document styling
html {
  font-size: 62.5%;
  line-height: $base-line-height;
  text-size-adjust: 100%;
}

body {
  color: $font-color;
  font-weight: $base-font-weight;
  font-size: $base-font-size;
  font-family: $base-font-family;
  background: $body-background;
}

main {
  display: block;
}