:root {
  --base-font-size:0.95em;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-color:#041E1E;
    --pg-color:#1C3B1A;
    --text-main:#9FA9A0;
  }
}

@media (prefers-color-scheme: light) {
  :root {
    --bg-color:#DCE2BD; 
    --pg-color:#f9fcea; 
    --text-main:#3E463F;
  }
}

@font-face {
    font-family: "lato"; 
    src: url("Lato-Regular.ttf") format("truetype");
}

html, body {
  margin:0;
  font-family:lato;
  font-size:var(--base-font-size);
  color:var(--text-main);
  padding:30px;
  line-height:1.7em;
 /* background-color:var(--bg-color);*/
  background-color:var(--pg-color);
}