/* GOLD GRADIENT ANIMATION */
@keyframes gradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes beat {
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}

@keyframes borderPulse {
  0% { box-shadow: 0 0 0 5px rgba(255,255,255,0.4),0 0 0 0 rgb(255,255,255); }
  100% { box-shadow: 0 0 0 3px rgba(226,193,96,0),0 0 0 10px rgba(253,237,124,0); }
}

/* ----------------------------- GENERAL ----------------------------- */

h1,h2,h3,h4,h5,h6{
  font-family:"Poppins",sans-serif;
  color:#ffffff;
  font-weight:500;
}

body{
  font-family:"Poppins",sans-serif;
  background-color:#000000;
  color:#ffffff;
  overflow-x:hidden!important;
}

.bg-main{
  background-color:#000000;
  color:white;
}

/* --- GOLD GRADIENT REPLACEMENT --- */
.bg-main-2,
.bg-main-3,
.bg-main-hover:hover,
.btn-primary,
.text-main,
.nav-pills .nav-link.active,
.nav-pills .nav-link:hover,
.nav-pills .show>.nav-link,
#game .nav-pills .nav-link,
.page-item.active .page-link,
.page-link:hover,
.custom-social-proof .custom-notification,
.tablink1,
.tablink2,
.tablink3,
.tablink4 {
  color:#fff!important;

  background: linear-gradient(
      144deg,
      #755f1d 15%,
      #dbbd62 33%,
      #755f1d 67%,
      #e2c460 100%
  )!important;

  background-size:400% 400%!important;
  animation: gradient 5s ease infinite!important;

  box-shadow: inset 0 0 5px 3px #ffd045,
              3px 3px 3px 1px rgba(0,0,0,.2)!important;
  border-color:#e2c460!important;
}

/* Text GOLD gradient */
.text-main{
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* Tabs hover */
.tablink1:hover,
.tablink2:hover,
.tablink3:hover,
.tablink4:hover {
  filter:brightness(1.2);
}