:root {
	--color-primary: #dd1111;
	--color-primary-dark: #bb0000;
	--color-secondary: #ffffff;
	--color-secondary-dark: #eedddd;
  --font-brand: DenkOneRegular;
  --font-default: sans-serif;
  --font-small: 0.8rem;
  --font-medium: 1.2rem;
  --font-large: 1.4rem;
}

@font-face {
	font-family: DenkOneRegular;
	src: url(/assets/fonts/DenkOne-Regular.ttf);
}

body {
	margin: 0px;
  font-family: var(--font-default);
}

header {
  display: flex;
  align-items: center;
  z-index: 10000;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}

#header-logo {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin: 5px;
}

#header-logo img {
  width: 100%;
  height: 100%;
}