:root {
  --dm-text-color: #d1deeb;
  --dm-header-text-color: #bcd9f5;
  --dm-bg-color: #22272e;
  --dm-bg-button: #373e47;

  --dm-table-odd: #2f3941;
  --dm-table-even: #394149;
}

header {
  margin: 0px;
  padding: 0% 0.5vh;
  height: 10vh;
  background-color: #2d333b;
  color: var(--dm-text-color);
  max-height: 75px;
}

body {
  margin: 0;
  background-color: var(--dm-bg-color);
  color: var(--dm-text-color);
  font-family: sans-serif;
}

a {
  color: #478be6;
}

button {
  text-align: center;
  background-color: var(--dm-bg-button);
  color: var(--dm-text-color);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

td {
  padding: 2px;
}
table tr:nth-child(odd) td{
  background-color: var(--dm-table-odd);
}
table tr:nth-child(even) td{
  background-color: var(--dm-table-even);
}

.logo {
  height: 8vh;
  /* vertical-align: middle; */
  float: left;
}
.body {
  padding: 1% 5%;
}

.headerText {
  /* vertical-align: middle; */
  color: var(--dm-header-text-color);
  float: left;
  font-family: sans-serif;
  /* font-size: "+2";   */
  font-size: 30px;
}