/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./style.scss ***!
  \****************************************************************************************************************************************************************************/
html {
  --background: #163c04;
  --foreground: #dfdfdf;
  background: var(--background);
  color: var(--foreground);
}

body {
  margin-top: 64px;
}

a {
  color: inherit;
  text-decoration: none;
}

header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  backdrop-filter: blur(2px) brightness(120%) contrast(20%) saturate(500%);
  display: flex;
}
header h1 {
  margin: 0;
  color: inherit;
}
header nav ul {
  display: flex;
}
header nav ul li {
  display: block;
}
header nav ul li a {
  color: inherit;
}