body {
  margin: 0;
}

body * {
    font-family: Avenir, Tahoma, Verdana, sans-serif;
    box-sizing: border-box;
}

.background {
  position: relative;
  height: 80vh;
  overflow: hidden;
  animation: fade-in .8s linear .2s;
  -webkit-animation-fill-mode: backwards;
}

.background > * {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 80vh;
  min-width: 100vw;
  margin: 0;
}

.container {
  margin: 4vw;
  animation: none;
}

nav ul {
  padding: 0;
  text-align: center;
}

nav li {
  margin: 0 10;
}

@media(min-width: 400px) {
  nav li {
    display: inline;
  }
}

nav a {
  display:inline-block;
}

h2 {
  display: inline;
}

a.internal {
  color: gray;
  text-decoration: none;
}

a.internal:hover {
  text-decoration: underline;
}

#orchard {
  z-index: 3;
}

#orchard-grid {
  z-index: 2;
}

#orchard-trace {
  z-index: 1;
}

#orchard-link {
  text-align: center;
}

@keyframes fade-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}