html,
body {
  height: calc(100% - 1px);
  width: calc(100% - 1px);
  display: flex;
  margin: 0;
}

main {
  display: flex;
  flex-grow: 1;
  margin-bottom: 1em;
  width: 100%;
}

main > div {
  display: flex;
  flex-grow: 1;
  width: 100%;
}

.layout {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  background-color: #ebf2f7;
  padding-top: 80px;
  flex-grow: 1;
}

.navigation {
  color: azure;
  margin-right: 1em;
  padding-right: 1em;
}

a {
  color: #ebf2f7;
  text-decoration: none;
}

li.active {
  background-color: #8080ff;
}

.layout > div {
  display: flex;
}