@import url("https://fonts.googleapis.com/css2?family=Playball&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");

.plus-jarkata {
  font-family: "Plus Jakarta Sans", sans-serif;
}

html {
  scroll-behavior: smooth;
}

.rubik {
  font-family: "Rubik", sans-serif;
}

p,
ul {
  font-family: "Rubik", sans-serif;
}

h1,
h2,
h3,
h4 {
  font-family: "Anton", sans-serif;
  letter-spacing: 2px;
}

.sec_1 {
  background: url("https://fastcdn.flaxxa.in/studios/megabundle/assets/sec1.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec_3 {
  background: url("https://fastcdn.flaxxa.in/studios/megabundle/assets/sec3.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec_5 {
  background: url("https://fastcdn.flaxxa.in/studios/megabundle/assets/sec5.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec20-mini {
  background: url("https://fastcdn.flaxxa.in/studios/megabundle/assets/sec20-mini.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.text-grad1 {
  background: linear-gradient(
    99deg,
    #01d8fd 13.85%,
    #fc65f8 49.52%,
    #fef250 87.9%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-grad2 {
  background: linear-gradient(90deg, #ddff94 0%, #ff66e2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.jump {
  transition: transform 0.3s ease-in-out;
  transform: translateZ(0); /* ensures smooth rendering */
}

.jump:hover {
  transform: translateY(-8px);
}

.text-grad3 {
  background: var(--neww, linear-gradient(270deg, #f7eea6 0%, #fcb53b 88.94%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sec_13 {
  background: url("https://fastcdn.flaxxa.in/studios/megabundle/assets/sec13.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.sec_10 {
  background: url("https://fastcdn.flaxxa.in/studios/megabundle/assets/sec10.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}