@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Michroma&family=Bungee+Outline&display=swap');


.top__container{
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
}

.ab-heading--h1{
font-family: "Bungee Outline";
}

.ab-heading--h2{
font-family: Michroma;
}

.big-number .ab-text{
font-family: "Bebas Neue";
font-size: 156px;
line-height: 0.5;
padding-top: 80px;
}
.medium-number .ab-text{
font-family: "Bebas Neue";
font-size: 96px;
line-height: 0.5;

}

.fade-section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-section.visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 768px) {
  .ab-heading--h1 {
    font-size: 38px;
  }
}