/* variables */
:root {
  --darkmode-background: #31363F;
  --darkmode-text: #EEEEEE;
  --lightmode-background: #EEEDEB;
  --lightmode-text: #2F3645;
}


/* set dark or light mode, default dark */
html {
  background-color: var(--darkmode-background);
  color: var(--darkmode-text);
}

@media (prefers-color-scheme: light) {
  html {
    background-color: var(--lightmode-background);
    color: var(--lightmode-text);
  }
}



html {
  font-family: Arial, Helvetica, sans-serif;
}

body {
  width: 90%;
  margin: auto;
}

h1 {
  margin: 15px 0;
}

img {
  display: block;
  max-width: 100%;
}