@tailwind base;
@tailwind components;
@tailwind utilities;

.navbar,.hero{
   background-color: #02042a;
}

.btnis:hover{
  transform: scale(1.6); /* Adjust scale as needed */
  color: purple;

}

.share{
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
.go{
  color: white;
  font-size: 1.5rem;
}
.logoimg{
  height: 90px;
  width: 150px;
}

.nav {
  color: white;
  font-size: 1.4rem;
  padding: 16px;
  transition: transform 0.3s ease, color 0.3s ease;
}

.nav:hover {
  transform: scale(2); /* Adjust scale as needed */
  color: purple;
}

/* 3D Hover Effect for Nav Links */