html,
body {
  --fg-accent: #FF9166;
  --bg-color: #052F5F;
  --bg-accent: #005377;
  --fg-dark: #3AB09E;
  --fg-color: #A0E8AF;
}

html,
body {
  padding: 0;
  margin: 0;
  background: var(--bg-color);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: white;
}

header {
  height: min-content;
  margin: 0.5em;
  padding: 0.5em;
  border-radius: 1em;
  background: var(--bg-accent);

  display: flex;
  flex-direction: row;
}

header>img {
  height: 4em;
  display: block;
}

.flex-grow {
  flex-grow: 1;
}

.linkbutton {
  background-color: var(--fg-accent);
  border-radius: 0.5em;
  padding: 0.5em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: black;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.block {
  background: var(--bg-accent);
  margin: 1em;
  padding: 1em;
  border-radius: 1em;
  flex-direction: column;
}

.margin {
  margin: 1em;
  padding: 2em 1em;
  border-radius: 1em;
}

.center {
  display: flex;
  align-content: center;
  align-items: center;
}

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

.inline {
  display: inline;
}

.flex {
  display: flex;
}

a {
  color: var(--fg-color);
  font-weight: bold;
}