// Body resets // // Update the foundational and global aspects of the page.

}

::selection {

color: #fff;
color: var(--bg-color);
background-color: #171717;
background-color: var(--primary-color);

}

html, body {

margin: 0;
padding: 0;
overflow-x: hidden;

}

html {

font-family: $root-font-family;

@include properties($body-md);

font-kerning: normal;
-moz-font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
font-feature-settings: "calt" 1, "kern" 1, "liga" 1;

@media (min-width: $small-breakpoint) {
  @include properties($body-lg);
}

}

@supports (font-variation-settings: normal) {

html {
  font-family: $root-font-family-var;
}

}

body {

color: rgba(var(--rgb-primary), 0.90);
background-color: var(--bg-color);
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;

}

// No `:visited` state is required by default (browsers will use `a`) a {

color: inherit;
text-decoration: none;
border-bottom: 1px solid rgb(var(--rgb-primary), 0.2);
outline: inherit;
// `:focus` is linked to `:hover` for basic accessibility
&:hover,
&:focus {
  color: rgb(var(--rgb-primary), 0.75);
}

strong {
  color: inherit;
}

}

ul {

padding-left: 0;

}

img {

display: block;
max-width: 100%;
margin: 0 0 1rem;

}

table {

margin-bottom: 1rem;
width: 100%;
font-size: 85%;
border: 1px solid rgba(var(--rgb-primary), 0.3);
border-collapse: collapse;

}

td, th {

padding: 0.25rem 0.5rem;
border: 1px solid rgba(var(--rgb-primary), 0.1);

}

th {

text-align: left;

}

tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th {

background-color: rgba(var(--rgb-primary), 0.045);

}