body
{
  font-family: sans-serif;
  background-image: linear-gradient(70deg, #ffdbcb, #edb3f9);
  margin: 0px;
  color: #444;
}
a
{
    color: #d90a12;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

/* TABLES */
table {
  border-style: solid;
  border-width: 2px;
  border-color: #00000030;
  border-radius: 6px;
}
caption {
  padding-top:.5rem;
  padding-bottom:.5rem;
  color:var(--bs-secondary-color);
  text-align:left
}
th {
  text-align:inherit;
  text-align:-webkit-match-parent;
}
thead{
  background-color: #00000020;

}
tbody,
td,
tfoot,
th,
thead,
tr {
  border-color:inherit;
  border-style:solid;
  border-width:0;
  padding: .5rem .5rem;
}

/* DARK THEME */
@media (prefers-color-scheme: dark) {
    body
    {
        background-image: linear-gradient(70deg, #4c3e3e, #3f2033);
        color:  white;
    }
    a
    {
        color: #ffe2b5;
    }
    table
    {
        border-color: #FFFFFF30;
    }
    thead{
        background-color: #FFFFFF30;
    }
}


@media (orientation: landscape) {
    body
    {
        margin-left:20%;
        margin-right:20%;
    }
}

@media (orientation: portrait) {
    body
    {
        margin-left:5%;
        margin-right:5%;
    }
}

h1
{
    text-align: center;
}


#logo
{
    height: 2em;
    position: relative;
    top: 0.5em;
}