@import '~@/styles/vars';
@import '~@/styles/reset';
@import '~@/styles/ui-common';
@import url('https://fonts.googleapis.com/css?family=Dosis|Exo+2:600|Exo:700|Josefin+Sans:300|Montserrat:300|Raleway|Teko:500|Titillium+Web:200');

body {
  background-color: $bg-primary;
  color: $fg-primary;
}

h1, h2, h3 { font-family: $header-font; }

h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.2rem; }

#app {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;

  align-items: stretch;
  border: 0;
  display: flex;
  font-family: $body-font;
  margin: 0;

  min-height: 100vh;


  & > * { padding: 1rem 2rem; }
}