@font-face { font-family:Roboto; font-weight:400; font-display:swap;
  src:url('../fonts/roboto/Roboto-Regular-webfont.woff') format('woff'); }
@font-face { font-family:Roboto; font-weight:500; font-display:swap;
  src:url('../fonts/roboto/Roboto-Medium-webfont.woff') format('woff'); }
@font-face { font-family:Roboto; font-weight:700; font-display:swap;
  src:url('../fonts/roboto/Roboto-Bold-webfont.woff') format('woff'); }
@font-face { font-family:Roboto; font-weight:900; font-display:swap;
  src:url('../fonts/roboto/Roboto-Black-webfont.woff') format('woff'); }

*, *::before, *::after { box-sizing: border-box; }
html, body { margin:0; padding:0; height:100%; }

body {
  font-family: Roboto, system-ui, -apple-system, sans-serif;
  font-size: 14px; line-height: 1.45;
  background: var(--bg); color: var(--text);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior-y: none;
}

h1,h2,h3,h4 { margin:0; font-weight:700; color:var(--mini-title); }
h1 { font-size: var(--header-size); }
h2 { font-size: 20px; }
h3 { font-size: 16px; }

a { color: var(--primary); text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; border: 0; background: none; }
img { max-width: 100%; display: block; }
ul { margin: 0; padding: 0; list-style: none; }

.muted { color: var(--text-2); }
.sr-only {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}