body {
  background: linear-gradient(90deg, #00a6ff 12%, #092679 100%);
}

/* The navbar toggler icon is inverted to ensure it contrasts with the navbar background */

.navbar-toggler-icon {
  filter: invert(1);
}

@media (min-width: 992px) {
  /* For 'lg' screens and up, the navigation menu items are inverted to ensure they contrast with the navbar background and the font size is bigger to ensure readability*/
  .nav-menu-item a {
    font-size: 1rem;
    filter: invert(1);
  }
  /* Different styling for 'lg' screen */
  .nav-menu-item {
    border-radius: 5px;
    transition: all 0.6s ease;
  }
  .nav-menu-item:hover {
    background-color: #04257e;
  }
}

/* #resumebutton {
  background-color: #04257e;
} */