/* Define the custom font */
@font-face {
    font-family: 'Supersonic Rocketship';
    src: url('fonts/Supersonic Rocketship.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Apply the font to the entire website */
body,html { 
    font-family: 'Supersonic Rocketship', cursive; 
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.bg-main { background-color: #ece5ff; }
.bg-section { background-color: #c3aafe; }
.border-custom { border-color: #8776de; }
.text-custom { color: #3e2868; }

/* Navigation and title colors */
.text-nav { color: #59168B; }
.text-nav-hover:hover { color: #3e2868; }  /* Lighter version for hover */
.text-title { color: #59168B; }

@keyframes float-slow {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-16px) scale(1.04); }
  100% { transform: translateY(0) scale(1); }
}
.animate-float-slow {
  animation: float-slow 2s ease-in-out infinite;
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
.animate-marquee {
  animation: marquee 16s linear infinite;
}

.hero-section-bg {
  background-image: url('images/sun-flae.png');
  background-position:  center;
  background-repeat: no-repeat;
  background-size: cover;
}

.manifesto-bg {
  background-image: url('./images/ross-manifesto-bg.png');
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 350px;
}

.section-bg-right {
  background-image: url('images/sun-flae.png');
  background-position:  center right;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .manifesto-bg {
    background-position: bottom 100px right;
  }

  .section-bg-right {
    background-size: 1200px;
    background-position:  top center;
  }
}

#cryptonomics {
  background-image: url('images/seat.png');
  background-position: bottom;
  background-repeat: no-repeat;

}


/* Button colors */
.bg-button { 
    background-color: #FF7A22;  /* Lighter purple */
}
.bg-button-dark {
    background-color: #FF7A22;  /* Darker purple for hover */
}
.border-button { 
    border-color: #d6661c;  /* Dark purple for border */
}