-
{ box-sizing: border-box;
}
html {
font-size: 16px; width: 100%;
}
@media (max-width: $page-width) {
html { font-size: 12px; }
}
body {
background-color: $grey-0; color: $grey-9; font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", sans-serif; font-size: 1rem; -webkit-font-smoothing: antialiased; height: 100%; line-height: 1.5rem; margin: 0; text-align: center; word-wrap: break-word;
}
img {
border: 0;
}
a {
color: $blue-5; text-decoration: none; &:hover { text-decoration: underline; }
}
.container {
margin: 0 auto; max-width: 48rem; text-align: left;
}
@media (max-width: $page-width) {
.container { padding: 0 .4rem; width: 100%; }
}