* {
    font: var(--sl-font-sans);
    font-family: var(--sl-font-sans);
}

:root {
  --color-ad-special: #fdee20;
  --moz-default-dark: #1C1B22;
}

body {
  background-color: var(--moz-default-dark);
}

.form-style {
  gap: 0.5em;
  display: flex;
  flex-direction: column;
  align-items: start;
} 

h1 {
  font-size: xx-large;
  color: tomato;
}

h2 {
  font-size: x-large;
  color: tomato;
}

h3 {
  font-size: large;
  color: tomato;
}

.text-centered {
  text-align: center;
}

.centered {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.col {
    width: 700px;
}

.success {
  color: var(--sl-color-success-700);
}

.error {
  color: var(--sl-color-danger-700);
}

.header-link-anchor {
  display: flex;
  flex-direction: row;
  max-height: 2em;
  text-decoration: none;
  align-items: center;
}
.header-link-img {
  max-width: 2em;
}

.header-link-span {
    color: tomato;
    font-size: xx-large;
}