/* NAVBAR (incl. navbar icons) */
.nav-bar {
  top: 0;
  bottom: auto;
  padding: 1.25rem 0 .5rem;
  display: flex;
  justify-content: center;
}

.nav-bar-container {
  width: 80%;
  max-width: 600px;
}


/* SECTION */
.section {
  scroll-snap-align: none; /* for scroll snap effect set on body */
}

/* Home */
.home {
  padding-top: 35vh;
}

/* Projects */
.projects,
.about {
  padding-top: 15vh;
}


/* MODAL */
.modal-content-container {
  right: -60rem;
}