@import url("/assets/styles/fade-in.css");

@font-face {
  font-family: "Red Hat Display";
  src: url("/assets/fonts/RHD/RedHatDisplay.ttf");
}

@font-face {
  font-family: "Red Hat Text";
  src: url("/assets/fonts/RHT/RedHatText.ttf");
}

body {
  --bg: white;
  background-color: white;
  color: black;
  font-family: "Red Hat Text";
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Red Hat Display";
}

@media (prefers-color-scheme: dark) {
  body {
    --bg: black;
    background-color: black;
    color: white;
  }

  img:not(.screen) {
    filter: invert(100%) hue-rotate(180deg);
  }
}

.yesNoListView {
  border: 1px solid currentColor;
  padding-top: 0;
  padding-left: 1rem;
  padding-right: 0;
  padding-bottom: 0.5rem;
}

.yesNoListView img {
  margin-top: 1rem;
}

.linkView {
  margin: 0 1em;
}

input[type=submit],
input[type=reset],
input[type=button],
a,
button {
  transition: 0.25s opacity;
}