:root {
  --primary: #c31721;
  --secondary: #283891;
  --tertiary: #bf1e2e15;
  --accent: #718096;
  --background: #fff;
  --main: #0d0106;
  --header: #2d3748;

  /* color-scheme: light dark; */
}

body:before {
  content: ' ';
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* opacity: 0.15; */
  background-color: #f8fcff;
  background-image: url('./bg-content.webp');
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
}

nav a > img[src="/plugins/logo.png"] {
  transform: scale(1.2);
}

aside a > img[src="/plugins/logo.png"] {
  transform: scale(1.2);
  padding-left:10px;
}

#root {
  position: relative;
  z-index: 1;
}

header.extra-info > div {
  background-color: #bf1e2d;
}