/* dark mode by default */
body {
  background-color: #121212;
  color: white;
}

a:link {color: #BB86FC;}
a:visited {color: #03DAC5;}
a:hover {color: lightblue;}
a:active {color: purple;}


@media screen and (prefers-color-scheme: dark) {
  img {
    opacity: .75;
    transition: opacity .5s ease-in-out;
  }
  img:hover {
    opacity: 1;
  }
}



/* light mode */
@media screen and (prefers-color-scheme: light) {
  body {
    background-color: white;
    color: black;
  }
}