:root{--an:#590857;--ah:#9f6732;--bg:#fefaff;--fg:#39302a;--gr:#aeaaaf;}

@media (prefers-color-scheme: dark) {:root {
--ah:#5f58af;--an:#efa767;--bg:#2f243f;--fg:#fafafa;--gr:#3f344f;
}}

body{
  background-image:url("res/bg.webp");
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-size:cover;
  background-position:50%;
  color:var(--fg);
  padding:0;margin:0;
  font-family:sans-serif;
}

main {
  background-color:var(--bg);
  text-align:justify;font-size:1.4em;line-height:1.3em;
  max-width:900px;margin-left:auto;margin-right:auto;
  padding:10px;
  margin-top:10px;
  border: 6px solid var(--ah); 
}

a {color:var(--an);}
a:hover {color:var(--ah);}

table {
  overflow-x:scroll;
}
th {
  background-color: var(--an);
  color: var(--bg);
}
th, td {
  padding: 10px;
  text-align: left;
}
tr:nth-child(even) {background-color: var(--gr);}
tr:nth-child(odd) {background-color: var(--bg);}