}
body {
background-color: var(–grayLight1);
color: var(–grayDark2);
font-family: var(–franklinGothicFamily);
font-size: 1rem;
line-height: 1.5;
letter-spacing: .016em;
}
body {
line-height: 1;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
user agent stylesheet
body {
display: block;
margin: 8px;
}
:root {
–borderRadius: 6px;
}
:root {
–red: #FA320A;
–redRGB: 250, 50, 10;
–redDark1: #A33E2A;
–blue: #3976DC;
–blueHover: #2A62C0;
–blueLink: #326AF6;
–gray: #757A84;
–grayLight1: #F3F3F3;
–grayLight2: #E9E9EA;
–grayLight3: #DCDCE6;
–grayLight4: #BCBDBE;
–grayLight5: #CCCFD2;
–grayDark1: #505257;
–grayDark2: #2A2C32;
–grayDark3: #171C20;
–grayDark4: #333e48;
–grayDark5: #62686F;
–orange: #FF7300;
–orange2: #E97155;
–yellow: #FFB600;
–white: #FFFFFF;
–black: #000000;
–blackRGB: 0, 0, 0;
–yellowLegacy: #FFE400;
–blueLightLegacy: #EBF3FE;
}
:root {
–franklinGothicFamily: ‘Franklin Gothic’, -apple-system, BlinkMacSystemFont, ‘PT Sans’, Arial, Sans-Serif;
–franklinGothicBook: 400;
–franklinGothicMedium: 500;
–franklinGothicDemi: 600;
–fontNeusa: ‘Neusa’, ‘Impact’, ‘Helvetica Neue’, Arial, Sans-Serif;
–fontMonospace: ‘Courier New’, Courier, monospace;
}
html {
-webkit-tap-highlight-color: transparent;
–webkitFontSmoothing: antialiased;
–mozOsxFontSmoothing: grayscale;
font-size: 1rem;
}
*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}