@charset “utf-8”;
html, body {
color: $font-color; font-size: $font-size; font-family: $font-family-body; font-weight: 300;
}
p {
line-height: 26px; padding: 0 0 26px; + p { padding-top: 12px; }
}
h1 {
font-size: $font-size-xl; font-family: $font-family-title; font-weight: 400; @media screen and (max-width: 768px) { margin: 18px 0; } @media screen and (min-width: 769px) { margin: 21px auto 0; text-align: center; }
}
h2 {
font-size: $font-size-lg; font-family: $font-family-title; font-weight: 600; width: max-content; @media screen and (max-width: 768px) { margin: 18px 0; } @media screen and (min-width: 769px) { margin: 21px auto 0; text-align: center; }
}
h3 {
font-size: $font-size-md; font-weight: 600; @media screen and (max-width: 768px) { margin: 20px 0 10px; } @media screen and (min-width: 769px) { margin: 32px 0 14px; }
}
h4 {
font-size: $font-size-sm; font-weight: 600;
}
h5 {
font-size: $font-size-xs; font-weight: 600;
}
code {
background-color: #ececec; border-radius: 2px; padding: 1px 3px;
}