@import '../public/stylesheets/partials/_variables';
@import '../public/stylesheets/partials/_mixins';

html * {
  margin: 0;
  
  @media #{map-get($break-points, "500")} {
    font-size: 14px;
  }
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  height: 100vh;
  width: 100vw;

  div#root {
    @include fullspan;
  }

  div.App {
    @include fullspan;
    // ! dev settings
    background-color: map-get($dev-colors, "f");
  }

  // ! dev settings
  aside {
    background-color: map-get($dev-colors, "e");
  }
  
  main {
    background-color: map-get($dev-colors, "d");
  }
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}