@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
body {
  justify-content: center;
  align-items: center;
  background-color: #d6d6ab;
  &::-webkit-scrollbar {
    display: none;
  }
}

.logo {
    text-decoration: none;
}

#nav {
    top: 0;
    position: sticky;
    background: rgba(255, 255, 255, 0.35);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(9.9px);
    border: 1px solid rgba(255, 255, 255, 0.27);
    z-index: 101;
}

h1 {
  font-family: 'Lobster';
  color: black;
  display: flex;
  flex-direction: column;
  text-align: center;
  cursor: pointer;
}

/* Bootstrap nav-pills customization*/
.nav-pills > a {
    color: black;
    border-radius: 16px;
}

.nav-pills .nav-link.active {
    background: rgba(244, 75, 75, 0.62);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(244, 75, 75, 0.08);
}

.nav-pills > a {
    text-decoration: none;
}

.nav-pills > a:hover {
    color: black;
}