Theme for CNN Lite

lite.cnn.com.css

body {
  line-height: 1.4;
  color: black;
  padding-bottom: 6em;
  font-size:100%;
  text-size-adjust:100%;
}
.header--lite {
  max-width: 36em;
  margin: 0 auto;
}
.breadcrumb {
  display: none;
}
.layout-no-rail-article-fullwidth__lite,
.layout-with-rail__lite,
.layout-homepage__lite {
  max-width: 36em;
  margin: 0 auto;
}
.layout-with-rail__lite {
  padding-left: 1em !important;
  padding-right: 1em !important;
}
.container_lead-plus-headlines--lite {
  font-family: "Bodini 72", serif;  
}
.container_lead-plus-headlines--lite ul {
  list-style-type: none;
  padding: 0;
}
.card--lite {
  font-size: 1.4em;
  margin-bottom: .3em;
}
.paragraph--lite {
  text-align: justify;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
  font-family: "Bodini 72", serif;
  margin-bottom: 0;
}
.paragraph--lite + .paragraph--lite {
  margin-top: 0;
  text-indent: 1em;
}
.article--lite .paragraph--lite:last-child {
  text-indent: 0;
  margin-top: 2em;
  font-family: "Bodini 72 Smallcaps";
  text-transform: uppercase;
  font-size: .8em;
}
.header--lite {
  font-family: "Didot";
  margin-bottom: .5em;
}
.header--lite .title {
  text-decoration: none;
  font-weight: bold !important;
  margin-right: .25em;
}
.byline--lite,
.timestamp--lite,
.source--lite {
  font-family: "Bodini 72 Smallcaps";
  text-transform: uppercase;
  font-size: .8em;
  margin: 0 0 .3em 0;
}
.headline,
.subheader--lite {
  font-family: "Didot" !important;
}
.headline {
  font-size: 2.6em;
  margin-bottom: .4em;
  font-weight: bold !important;
  line-height: 1.2;
}
.subheader--lite {
  font-size: 1.8em;
  margin-bottom: .3em;
  line-height: 1.25;
}
.footer--lite {
  display: none;
}
a, a:visited, a:hover {
  color: #6161ff;
}
@media (prefers-color-scheme: dark) {
  html {
    background-color:black;
  }
  body {
    color: white;
  }
}

@media only screen and (min-width:30.5em) { /* > 480 */
  body {font-size:112.5%; text-size-adjust:112.5%} /* move base size from 16px to 18px */
  h1 {font-size:1.5556em} /* 28px */
  h2 {font-size:1.2222em} /* 22px */
}

@media only screen and (min-width:45em) { /* > 720 */
  body {font-size:137.5%; text-size-adjust:137.5%} /* move base size from 16px to 22px */
  .layout-with-rail__lite {
    padding-left: 2em !important;
    padding-right: 2em !important;
  }
}

@media only screen and (min-width:80em) { /* > 1280 */
  body {font-size:150%; text-size-adjust:150%} /* move base size from 16px to 24px */
}