turtle-wow-source-kinda/Dumps/Source Code/9 - Development_website_old/master/css/navbar.css

#features {
  position: fixed;
  width: 1440px;
  min-width: fit-content;
  max-width: 100%;
  z-index: 1000;
  left: 50%;
  translate: -50%;
}

#features a {
  background: linear-gradient(180deg, #F1C22D 0%, #FF7757 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 36px;
}

#features a:hover {
  background: white !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

#features .container {
  background-color: rgba(24, 20, 18, 0.99);
  font-weight: bold;
  margin-top: 2rem;
}

#features .main-menu-title {
  background: linear-gradient(180deg, #F1C22D 0%, #FF7757 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding-bottom: 5px;
}

#features a.white {
  background: white;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#features a.white:hover {
  background: linear-gradient(180deg, #F1C22D 0%, #FF7757 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.navbar.navbar-expand-lg {
  height: 80px;
}

/* Mobile */
@media (max-width: 1200px) {
  .navbar.navbar-expand-lg {
    height: auto;
  }

  #features {
    position: relative;
    max-width: 80vw;
  }

  #features .container {
    margin: 0;
    padding: 0 !important;
  }

  .top-sticky {
    max-height: 100vh;
    overflow-y: auto;
  }
}