body {
    background-color: #212121;
    border: 0;
    margin: 0;
    color: azure;
    text-align: center;
    font-family: "Bricolage Grotesque", sans-serif;
    text-decoration: none;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #191919;
}

ul li {
  float: left;
}

ul li a {
  display: block;
  color: rgb(240, 255, 255);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

ul li a:hover {
  color:rgb(79, 159, 159);
}

.navbar-nav .nav-link {
  color: rgba(240, 255, 255, 0.505);
}

.navbar-nav .nav-link.active {
  color: #ffffff;
}

.navbar-nav .nav-link:hover {
  color: #b6f2ff;
}

.portfolio-card {
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.portfolio-card:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 25px 50px rgba(0,0,0,0.4) !important;
}
.portfolio-card img {
  transition: all 0.4s ease;
}
.portfolio-card:hover img {
  filter: brightness(0.9) saturate(1.1);
}
/* Instagram embed matches portfolio cards */
.instagram-embed-custom {
  font-size: 0.85em !important;  /* Smaller scale */
}

.instagram-embed-custom iframe {
  max-width: 100% !important;
  border-radius: 8px !important;
}

.icons a {
  color: #ffff;
}

.collabs {
  text-align: left; 
  padding: 1% 5%;
}

/* CV button styling */
.cv-btn {
  background-color: rgb(79, 159, 159);   /* your base color */
  color: #ffffff !important;
  border-radius: 20px;
  padding: 6px 16px;
  transition: all 0.3s ease;
}

.cv-btn:hover {
  background-color: rgb(96, 192, 192);   /* darker on hover */
  color: #ffffff !important;
}