* {
    box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  margin: 0;
  width: 100vw;
  display: grid;
  grid-template-columns: min-content 1fr;
}

nav {
  width: 20vw;
  white-space: nowrap;
}

main {
    width: 80vw;
}

/* Only stick if you can fit */
@media (min-height: 300px) {
  nav #sticky {
    position: sticky;
    top: 0;
  }
}

footer {
  grid-column: 1 / 3;
}

#banner img {
  width: 100%;
}