html,
      body {
        margin: 0;
        padding: 0;
      }

      body {
        overscroll-behavior: none;
        background-image: radial-gradient(circle at top, rgba(146, 3, 15, 0.15) 0%, rgba(19, 19, 19, 1) 70%);
      }

      main>:first-child {
        margin-top: 0 !important;
      }

      main>:last-child {
        margin-bottom: 0 !important;
      }

    ::-webkit-scrollbar {
      display: none;
    }

    .metallic-hover {
      transition: all 0.3s ease;
    }

    .metallic-hover:hover {
      text-shadow: 0 0 8px #f2ca50, 0 0 12px #d4af37;
      filter: brightness(1.2);
    }

    .divider-gold {
      height: 2px;
      background: linear-gradient(90deg, transparent 0%, #d4af37 50%, transparent 100%);
      position: relative;
    }

    .divider-gold::after {
      content: '';
      position: absolute;
      top: -4px;
      left: 50%;
      transform: translateX(-50%);
      width: 12px;
      height: 12px;
      background: #d4af37;
      rotate: 45deg;
      border: 1px solid #3c2f00;
    }
.nav-button{
    margin-top: 20px;
background-image: url(../assets/img/nav-button.png);
background-repeat: no-repeat;
line-height: 50px !important;
width: 160px;
height: 70px;
}
.logo_hero{
  position: relative;
  margin-left: -20%;
  margin-top: -20%;
}