:root {
    color-scheme: light dark;
    --body-background-color: #f7f7f7;
    --background-color: white;
    --text-color: black;
    --light-text-color: #666;
    --highlight-color: #e22d30;
    --button-text-color: white;
    --button-background-color: #2a2a2a;
    --border-color: #ebebeb;
}

@media (prefers-color-scheme: dark) {
    :root {
        --body-background-color: #444;
        --background-color: #333;
        --text-color: white;
        --light-text-color: #ccc;
        --highlight-color: #e22d30;
        --button-text-color: white;
        --button-background-color: #222;
        --border-color: #bbb;
    }
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/fonts/open-sans-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('/fonts/open-sans-v16-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v16-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/fonts/open-sans-v16-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v16-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.list__thumbnail img {
  max-width: 200px;
}

.post__thumbnail img {
  max-width: 200px;
  float: left;
  padding-right: 10px;
  padding-bottom: 15px;
}