@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@700&family=Nunito:wght@900&family=Outfit:wght@900&display=swap');

/* Global Styles & Font Setup */
body {
  font-family: 'Fredoka', 'Nunito', 'Outfit', ui-rounded, 'Quicksand', rounded-sans-serif, sans-serif;
  font-weight: 900;
  background-color: #322366;
  color: #ffffff;
  overflow-x: hidden;
  -webkit-text-stroke: 0.25px currentColor;
}

.font-rounded {
  font-family: 'Fredoka', 'Nunito', 'Outfit', ui-rounded, rounded-sans-serif, sans-serif;
  font-weight: 900;
  -webkit-text-stroke: 0.35px currentColor;
}

/* Custom Scrollbar for Neo-Brutalism theme */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #150228;
  border-left: 2px solid #000;
}

::-webkit-scrollbar-thumb {
  background: #ff2e93;
  border: 2px solid #000;
}

::-webkit-scrollbar-thumb:hover {
  background: #ffe600;
}

/* Hero Section Layout Utilities */
.hero-top-bg {
  background-image: url('../asset/hero_top.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}

.hero-in-bg {
  background-image: url('../asset/hero_in.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}