html,
body {
  height: 100%;
  padding: 0px !important;
}

body {
  --accent: #ee3344;
}

div {
  margin: 0px !important;
}

header,
footer,
main {
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  padding-block-end: 10px;
  padding-block-start: 10px;
}

main {
  background-color: #111111;
}

.page {
  display: flex;
  flex-direction: column;
}

.filler {
  flex: 2;
}

.centered {
  text-align: center;
}

.black {
  background-color: black !important;
  color: white !important;
}

.gray {
  background-color: #222222;
}

h1,
h2,
h3,
p {
  margin: 0px !important;
}

.entry {
  padding: 5px;
  background: black;
  color: white;
  border: black;
}

.entry p {
  padding-inline-start: 5px;
}

.entry:not(:last-of-type) {
  border-block-end: #222222 solid 2px !important;
}

.faded {
  color: #555555 !important;
}

a:focus,
a:active,
a:hover {
  background-color: #222222 !important;
}

.list {
  padding-block-start: 10px;
  padding-block-end: 10px;
}

.btn-red {
  background-color: black;
  color: var(--accent);
  border: var(--accent) thin solid;
}

a:link,
a,
a:visited {
  color: var(--accent);
}

b {
  color: var(--accent);
}

.btn-red:hover {
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -ms-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
  color: black;
  background-color: var(--accent) !important;
  cursor: pointer;
}