}

html, body {

margin: 0;
padding: 0;

}

html {

font-family: $root-font-family;
font-size: $root-font-size;
line-height: $root-line-height;

@media (min-width: $large-breakpoint) {
  font-size: $large-font-size;
}

}

body {

color: $text;
background-color: $bg;
-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;

@media (prefers-color-scheme: light) {
color: $light-scheme-text;
background-color: $light-scheme-bg;
  }

}

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

color: $color;
text-decoration: none;

 @media (prefers-color-scheme: light) {
 color: $light-scheme-color;
   }

// `:focus` is linked to `:hover` for basic accessibility
&:hover,
&:focus {
  text-decoration: none;
}

strong {
  color: inherit;
}

}

img {

display: block;
max-width: 100%;
margin: 0 0 1rem;
border-radius: 5px;

}

table {

margin-bottom: 1rem;
width: 100%;
font-size: 85%;
border: 1px solid #555555;
border-collapse: collapse;

@media (prefers-color-scheme: light) {
  border: 1px solid #D2D2D2;
  }

}

td, th {

padding: .25rem .5rem;
border: 1px solid #555555;

}

th {

text-align: left;

}

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

background-color: #2d2d2d;

@media (prefers-color-scheme: light) {
background-color: #d2d2d2;
}

}