html {background: var(--bs-black); scroll-behavior: smooth;}
body {overflow: hidden !important;}
.bebas {font-family:Bebas Neue, sans-serif;}
.text-light {color: #2b2e40 !important;}

/*main content*/
	#maincontent {
	  margin: 0;
	  height: 100vh;
	  background: radial-gradient(circle at center, #161c27 0%, #000000 100%);
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  overflow: hidden;
	  transition: background 0.1s ease-in-out;
	  position: relative;
	  z-index: 5;
    box-shadow: 0 0px 30px 20px rgba(0,0,0,0.9);
	}
	svg {
      width: 500px;
      height: auto;
      overflow: visible;
      background: none;
      display: block;
      transition: filter 0.1s ease;
      filter: drop-shadow(0 0 20px rgba(255, 0, 0, 0.05));
      z-index: 10;
    }
    #gdksvg {
      /*fill:#11141c;*/
      fill:#4d0f0f;
      stroke: url(#gkd-gradient);
      stroke-width: 0.3px;
      stroke-linejoin: round;
      opacity: 1;
    }
    #hercontainer {z-index: 99;}
/*main content end*/

/*svgpattern*/
  .overlay {
    background: url('../img/gpattern.svg') 50% -100% / cover no-repeat;
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    opacity: 0.03;
    position: fixed;
  }
/*svgpattern end*/