html {
  font-family: sans-serif;
}

body {
  display: grid;
  grid-template-areas:
          "title navbar"
          "content content";
  grid-template-columns: 20rem 1fr;
  margin: 0;
}

.app-title {
  grid-area: title;
  margin: 0;
}

nav {
  grid-area: navbar;
  align-self: center;

  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;

    li {
      display: inline-block;
      margin-right: 1rem;
    }
  }
}

main {
  grid-area: content;
}