:root {
  --spiegel-orange: #e64416;
  --spiegel-sans: 'SpiegelSans4';
  --spiegel-slab: 'SpiegelSlab4Cd';
  --spiegel-serif: 'SpiegelSerifUI';
  --darkmode-background: #1F1E1C;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

body {
  margin: auto;
  font-family:'SpiegelSans4',Verdana,sans-serif;
  max-width: 996px;
}

.wrapper {
  max-width: 996px;
}

.container {
  max-width: 840px;
  height: 100%;
}


.credit {
  line-height: 1rem;
  font-weight: 500;
  font-size: 14px;
  color: #BBB9B7;
}


@media(prefers-color-scheme: dark){
  body {
    background: var(--darkmode-background, #1F1E1C);
  }

  .credit{
    color: #807e7c
  }
}