<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Libero rem exercitationem magni molestias eveniet suscipit ipsum, quo vero, sunt ullam incidunt ratione veniam illum excepturi quaerat soluta maiores quia deleniti?</p>
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900&display=swap');

:root {
  color-scheme: light dark;

}

body {
  color: light-dark(lch(15.1% 2.23 38.04), lch(96.52% 0.5 105.22));
  background-color: light-dark(lch(96.52% 0.5 105.22), lch(60 64.73 107.54));
}


























body {
  font-size: 20px;
  font-family: 'Merriweather Sans', sans-serif;
  background-color: var(--body-bg-color);
  margin: 0 auto;
  width: 600px;
  padding: 20px;
}

* {
    -webkit-overflow-scrolling: touch;
}

h1 {
  text-align: center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.