section {
  margin: 3%;
  padding: 2rem;
  width: 94%;
  min-height: 50rem;
}

.title {
    font-weight: lighter;
    font-size: 32px;
    text-align: center;
    margin-bottom: 2rem;
}

section>.description {
    font-size: 14px;
    text-align: center;
}

#landing {
  height: 50rem;
}

#intro, #intro * {
    text-align: center;
}

#intro h3 {
    font-size: 32px;
    font-weight: 100;
    font-style: italic;
}

#profile {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0rem;
    margin-bottom: 3rem;
    background-image: url("http://nathanpucheril.com/static/images/profile.jpg");
    background-repeat: no-repeat;
    background-size: 25rem;
    border: 1px black solid;
    box-shadow: 0 0 8px gray;
    border-radius: 10em;
    width: 20em;
    height: 20em;
}

#body-content {
  margin-top: 4rem;
  justify-items: center;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(40rem, 1fr));
}
#body-content > .item {
  padding:5rem;
}

#navbar {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  justify-items: center;
  display: grid;
  grid-template-columns: auto repeat(4, 10rem);
  grid-gap: 1rem;
  height: 4rem;
  box-shadow: 0px 2px 3px darkgrey;
}

pre {
    margin-top: 4rem;
}