@import '../public/stylesheets/partials/_variables'; @import '../public/stylesheets/partials/_mixins'; html * { margin: 0; font-size: 14px; @media #{map-get($break-points, "500")} { // font-size: 14px; } } body { margin: 0; font-family: 'Oswald', sans-serif; font-weight: 800; -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($colors, "sidebar"); } main { background-color: map-get($colors, "main"); font-weight: 100; } } code { font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; } h3 { font-size: 140%; font-weight: 600; } h4 { font-size: 110%; } a:hover, a:active { text-decoration: underline; }