@import url(/style/all.css);
@import url(/style/cookies.css);
@import url(/style/fontawesome/css/all.min.css);
@import url(/style/fonts.css);
@import url(/style/headerstyle.css);
@import url(/style/navstyle.css);
@import url(/style/footerstyle.css);

:root {
  --body-width-sub: 90%;
  --body-max-width-sub: 1000px;
}

header {
  height: 40vh;
}

header .headerboxtitle,
header .headerbox {
  height: 40vh;
}

body {
  grid-template-areas:
    "header"
    "nav"
    "main"
    "footer";
  grid-template-rows: auto auto 1fr auto;
}

nav {
  grid-area: nav;
}

main article.content {
  width: var(--body-width-sub);
  max-width: var(--body-max-width-sub);
  margin: 5vh auto;
}