@font-face {
  font-family: RijksoverheidSansWebText;
  src: local(RijksoverheidSansWebText-Regular),
  url(./assets/fonts/RO-SansWebText-Regular.woff) format("woff"),
  url(./assets/fonts/RO-SansWebText-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

html, body {
  margin: 0;
  height: 100%;
  font-family: RijksoverheidSansWebText, sans-serif;
}

body {
  display: grid;
  grid-gap: 100px;
  grid-template-columns: 1fr;
  grid-template-areas: "header" "main" "footer";
  grid-template-rows: 100px 1fr 80px;
}

header {
  grid-area: header;
}

main {
  padding: 10px;
  display: flex;
  justify-content: right;
  flex-direction: column;
  grid-area: main;
}

footer {
  padding: 10px;
  background-color: #f3f3f3;
  border-top: solid 2px #154273;
  display: flex;
  justify-content: center;
  grid-area: footer;
}

.logo-bar {
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.app-bar {
  background-color: #D6D7B2;
}