d:root {
    font-size: 18px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0e0e0e;
    --mainText: #FFFFFF;
    --highlight: #DE4690
}
}

@media (prefers-color-scheme: light) {
  :root {
    --background: #FFE3F8;
    --mainText: #DE4690;
    --highlight: #ef95c4
}

  img {
  filter: opacity(80%) saturate(120%);

}

}

body {
  float: left;
  background-color: var(--background);
  margin-left: auto;
  margin-right: auto;
  color: var(--mainText);
  max-width: 80rem;
  font-family: 'Courier New', Courier, monospace;
}

img {
  max-width: calc(100vw - 100px);
  float: left;
  margin: 50px;
}

p {
  margin: 50px;
}

a:link {
  color: var(--mainText);
}

a:visited {
  color: var(--highlight)
}

a:hover {
  color: var(--highlight)
}

a:active {
  color: var(--mainText);
}