/* Subtle animations for hover and fade-in */
    .fade-in {
      opacity: 0;
      transform: translateY(20px);
      animation: fadeInUp 1s ease forwards;
    }
    @keyframes fadeInUp {
      to { opacity: 1; transform: translateY(0); }
    }
    .hover-scale:hover {
      transform: scale(1.03);
      transition: all 0.3s ease;
    }
    .skew-bg {
      transform: skewY(-3deg);
      transform-origin: top left;
    }
    .skew-content {
      transform: skewY(3deg);
    }

  .topNav {
	position: fixed;
	height: 50px;
	width: 100%;
	/* background-color: #22232a;
	top: 0px;
	left:0px;
	opacity: 99%;

  	-webkit-backdrop-filter: blur(10px);
  	backdrop-filter: blur(10px); */
	z-index: 99;

	background-color: rgba(34, 35, 42, 0.65);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  position:fixed;
  left: 0;
  top: 0;
  font-weight: bold;
	/* border-bottom: 1px solid #14151f; */
}