@import "./colors.scss";
@import "./global-variables.scss";

a, abbr, address, area, article, aside, audio, b,
base, bdi, bdo, blockquote, body, br, button,
canvas, caption, cite, code, col, colgroup, datalist,
dd, del, details, dfn, dialog, div, dl, dt, em,
embed, fieldset, figcaption, figure, footer, form,
h1, h2, h3, h4, h5, h6, header, hr, html, i, iframe,
img, input, ins, kbd, label, legend, li, main, map,
mark, menu, menuitem, meter, nav, noscript, object, ol,
optgroup, option, output, p, param, picture, pre, progress,
q, rp, rt, ruby, s, samp, section, select, small, span,
strong, sub, summary, sup, table, tbody, td, textarea,
tfoot, th, thead, time, tr, track, u, ul, var, video, wbr {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

*, ::before, ::after {
  box-sizing: border-box;
}

article, aside, audio, canvas, details, embed, figcaption, figure,
footer, header, main, meter, nav, picture, ruby, section,
summary, video {
  display: block;
}

bdi, datalist, mark, output, progress, rp, rt, time, wbr {
  display: inline;
}

html {
  font-size: 62.5%;
}

body {
  line-height: 1;
  background-color: $BODY_BACKGROUND_COLOR;
  font-family: $FONT_STACK;
  color: $FONT_COLOR;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

b, strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

sub {
  vertical-align: sub;
}

sup {
  vertical-align: super;
}

hr {
  border-top: 0.1rem solid $BORDER_COLOR;
}




