:root {
    --primaryColor: #404b4e;
    --primaryLight: #ffffff;
    --headerShadow: rgb(99, 99, 99);
  	--websiteBackground: #ffffff;
  	--link: #ffffff;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
  	/*display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;*/
  	max-width: 100vw;
}

header {
    background-color: var(--primaryColor);
    color: var(--primaryLight);
    box-shadow: 0px 4px 12px 2px var(--headerShadow);
    padding: 1.5rem 2rem 1.5rem 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
  	flex-direction: column;
  	/*width: 100vw;*/
}

header * {
    margin: 0px;
    padding: 0px;
}

header h1 {
  	margin-bottom: 1rem;
}

header .navigation {
  	grid-area: Navigation;
}

header .navigation ul li {
  	display: inline;
}

header .navigation ul li a {
  	margin-right: 1rem;
  	color: var(--link);
}

.page-header {
  	display: flex;
  	justify-content: center;
}

main {
  	background-color: var(--websiteBackground);
  	margin-top: 2rem;
  	max-width: calc(100vw - 4rem);
  	/*width: auto;*/
}