a, .nav-link, .navbar-brand {
  color: #000;
}

h1 {
  margin-bottom: 2rem;
}

.no-liststyle{
  list-style: none;
}


.btn-primary {
  --bs-btn-bg: #e4b520;
  --bs-btn-border-color: #c29412;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #f4c735;
  --bs-btn-hover-border-color: #e4b520;
  --bs-btn-focus-shadow-rgb: 228, 181, 32;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #cb9e16;
  --bs-btn-active-border-color: #b78d0e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: #f0d580;
  --bs-btn-disabled-border-color: #edd074;
}

#header .logo {
  padding: 1rem;
}

#header .logo img {
  width: 200px;
}

#sidebar{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8f9fa+0,000000+100&0.65+0,0+100 */
  background: -moz-linear-gradient(top,  rgba(248,249,250,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(248,249,250,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(248,249,250,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6f8f9fa', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */


  height: 500px;
  padding-top: 2rem;
}

#sidebar a {
  color: #000;
  font-size: 1.25rem;
}

#sidebar a:hover {
  color: #000;
  text-decoration: underline;
}


#content {
  padding: 2rem;
  margin-bottom: 2rem;
}

#footer {
  background: #999;
}

#footer a{
  color: #fff;
}

.luckynumer {
  width: 32px;
  padding: 0;
  text-align: center;
}

.start-list {
  list-style: none;
  padding: 0;
  line-height: 2rem;
  min-height: 235px;
}

@media (max-width: 991px) {
  #sidebar {
    height: auto;
    padding-top: 0;
  }

  #content {
    padding: 1rem;
  }

  .start-list {
    min-height: auto;
  }

  #nav {
    padding: 1rem;
  }
}