@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


@import "tailwindcss";



.font-inter {
  font-family: "Inter", sans-serif;
}

.gradient-text {
  background: linear-gradient(
    to bottom left,
    #9100F8,
    #FB09B4,
    #F7E93F
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.gradient-bg {
  background: linear-gradient(
    to bottom left,
    #9100F8,
    #FB09B4,
    #F7E93F
  );
  color: white;

  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hero{
    background-image: url('../assets/hero-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 760px;
    padding: 100px 0;
}

.pst{
    position: relative;
    top: -50px;
    margin: 0 auto;
    right: -130px;
}