<div class="container">
  Lorem ipsum dolar imput Lorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imputLorem ipsum dolar imput
</div>
:root{
  --background:#e9c4ea;
  --text-color: #323232;
}
@media (prefers-color-scheme: dark) {
    :root{
    --background:#323232;
    --text-color: #fff
  }
}
.container{
  background:var(--background);
  color:var(--text-color);
  padding:20px;
  width:100%;
  max-width:1200px;
 margin:0 auto;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.