.body {
  background-color: #FFB6C1;
  color:#FFB6C1;
}

.navbar {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #ffa6e3;
  color: #ffa6e3;
}

.navbar-nav .nav-link {
    color: #0d000a;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.navbar-nav .nav-link:hover {
    color: #ffffff;
}

img.chapterhead {
  border-radius: 50%;
  border: 4px solid #D56ECA;
}

/* desktop view */
@media all and (min-width: 768px) {
  .navbar .has-megamenu {
    position: static !important;
  }

  .navbar .megamenu {
    background-color: #ffe3f8;
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
    min-width: 75vw;
  }

.navbar .megamenu .nav-link {
    color: #000000;
}

.navbar .megamenu .nav-link:hover {
    color: #ffffff;
}

  .resource.card {
    height: 100%;
  }
}

/*  mobile view  */
@media(max-width: 767px) {
  .navbar.fixed-top .navbar-collapse .navbar.sticky-top .navbar-collapse {
    overflow-y: auto;
    max-height: 90vh;
    margin-top: 10px;
  }

  .offcanvas {
    padding: 4vw;
  }
}