/*#italian-flag,
#english-flag {
  height: 40px;
  width: 40px;
  border-radius: 12px;
  cursor: pointer;
}

#light,
#dark {
  padding: 5px 10px;
  border-radius: 12px;
}

#italian-flag,
#english-flag {
  border-radius: 7px;
}

*/
/* Hide the raw text initially */
@view-transition {
  navigation: auto;
}
.replace-me-wrapper {
  display: inline-block;
  min-width: 100px; /* Adjust based on your longest word */
}

/* Hide the raw comma-separated text */
.replace-me-raw {
  display: none;
}

/* Style for animated words */
.replace-me-wrapper span {
  display: inline-block;
}

img.logo {
  filter: brightness(0) invert(1); /* Turns black logo to white */
  width: 48px; /* Match Font Awesome icon size */
  height: 48px;
}

.project-image {
  height: 200px;
  object-fit: cover;
  width: 100%;
}

/* Custom Badge Colors */
.bg-purple {
  background-color: #6f42c1;
}

.bg-cyan {
  background-color: #0dcaf0;
}

.bg-red {
  background-color: red;
}

/* Badge Styling */
.fs-12 {
  font-size: 0.75rem;
} /* Smaller text */
.badge {
  border-radius: 4px;
  font-weight: 500;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Hover Zoom Effect */
.hover-zoom {
  transition: transform 0.3s ease;
}

.image-container:hover .hover-zoom {
  transform: scale(1.03);
}

/* Ensure badges stay on top */
.badges-container {
  z-index: 2;
}

/* definition */
@font-face {
  font-family: "Archia";
  src: url("/webfonts/archia.ttf");
}
/* use */
@font-face {
  font-family: "Orland";
  src: url("/webfonts/Ortland.ttf");
}
.replace-me {
  font-family: "Ortland", sans-serif;
  font-weight: 900;
}

.font {
  text-decoration: none;
}