html {
width: 100%; font-size: 14px;
}
body {
text-align: center; width: 100%; font-family: "Noto Sans", "Segoe UI", Roboto, Helvetica, "Hiragino Sans GB", "Microsoft Yahei", sans-serif; -webkit-font-smoothing: antialiased; font-size: 1rem; margin: 0; color: $main-color; background-color: $background-color;
}
a {
text-decoration: none; color: inherit; &:hover { text-decoration: underline; }
}
.container {
margin-left: auto; margin-right: auto; margin-bottom: 1rem; max-width: $breakpoint; text-align: left;
}
@media screen and (max-width: $breakpoint) {
html { font-size: 12px; } .container { padding-left: .4rem; padding-right: .4rem; }
}
@media print {
html { font-size: 12px; } .print { display: none; }
}