h1, h2, h3 {
  color: #ff5500;
}

body {
  background-color: #121212;
  background-image: url(/assets/stardust.png);
  background-repeat: repeat;
  background-size: auto;
  color: white;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.profile-img {
  width: 120px;
  height: auto;
  display: block; /* Ensures it behaves like an image block */
}

a {
  color: #ff5500;
}

a:hover {
  color: rgba(255,85,0,0.8);
}

.content-wrapper {
  background-color: #121212;       /*Do I need semi-transparent black instead?*/
  border-radius: 1rem;                  /* rounded corners */
  padding: 2rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); /* soft shadow */
  backdrop-filter: blur(6px);           /* frosted glass effect */
  -webkit-backdrop-filter: blur(6px);   /* Safari support */
  color: #fff;                          /* ensure text is white */
}


/*
.orange-gradient {
  background: linear-gradient(to bottom, #ff9966, #ff5e62); 
} */

.orange-gradient {
  background-image: 
    url('/assets/stardust.png'),               /* star texture */
    linear-gradient(to bottom, #ff9966, #ff5e62);     /* peach to vivid orange */
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-blend-mode: screen;                      /* blends stars gently over gradient */
  color: #fff;
}

.wave-container {
  margin-top: -1px; /* Seamless connection to next section */
  line-height: 0;
  z-index: 0;
}

.wave-container svg {
  display: block;
  width: 100%;
  height: 40px; /* adjust as needed */
  margin-bottom: -1px; /* clean edge */
}


/* Increase size & force white on the brand/title */
.navbar .navbar-brand {
  font-size: 2rem;          /* make it larger than your links */
  color: #ffffff !important;   /* keep it white */
}

/* Increase size & force white color */
.navbar .nav-link {
  font-size: 1.5rem;           /* Adjust font size (e.g., 1.1rem) */
  color: #ffffff !important; 
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
  background-color: rgba(255, 255, 255, 0.3); /* semi-transparent white */
  border-radius: 0.25rem;                       /* slightly rounded corners */
}