.custom-video-size {
    width: 560px;
    height: 315px;
}

.gallery-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.gallery-item {
    flex: 1;
}

@media (max-width: 768px) {
    .gallery-container {
        flex-direction: column;
    }
}
/* ------- TAGS ------- */


/* ------- TAGS ------- */

.tags-container {
  display: flex;
  flex-wrap: wrap; /* Allows tags to wrap if the container's width is exceeded */
  justify-content: center; /* Centers tags horizontally */
  gap: 3px; /* Adds some space between the tags */
}

/* ------- TAGS ------- */

/* Base class for all tags */
.tag-base::before {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 14px;
  color: white;
}

.my-tags-UnityEngine::before {
  content: "Unity Engine";
  background-color: #5E35B1; /* Deep Purple */
}

.my-tags-CSharp::before {
  content: "C#";
  background-color: #009688; /* Teal */
}

.my-tags-VR::before {
  content: "Virtual Reality";
  background-color: #1E88E5; /* Blue */
}

.my-tags-AR::before {
  content: "Augmented Reality";
  background-color: #24A81D; /* Green */
}

.my-tags-3D::before {
  content: "3D";
  background-color: #F4511E; /* Deep Orange */
}

.my-tags-2D::before {
  content: "2D";
  background-color: #CC233F; /* Red */
}

.my-tags-iOS::before {
  content: "iOS";
  background-color: #BA68C8; /* Purple Light */
}

.my-tags-Android::before {
  content: "Android";
	color: black;
  background-color: #ffef2f; /* Yellow */
}

.my-tags-PC::before {
  content: "PC";
  background-color: #7986CB; /* Indigo Light */
}

.my-tags-WebGL::before {
  content: "WebGL";
	color: black;
  background-color: #C0CA33; /* Lime */
}

.my-tags-MapboxSDK::before {
  content: "Mapbox SDK";
  background-color: #546E7A; /* Blue Grey */
}

.my-tags-GIS::before {
  content: "Geographic Information Systems";
  background-color: #78909C; /* Light Blue Grey */
}

.my-tags-TilesetsCLI::before {
  content: "Tilesets CLI";
  background-color: #FF7043; /* Deep Orange Light */
}

.my-tags-ProceduralGeneration::before {
  content: "Procedural Generation";
  background-color: #7B1FA2; /* Dark Purple */
}

.my-tags-PsychologicalResearch::before {
  content: "Psychological Research";
  background-color: #E91E63; /* Pink */
}

.my-tags-UserDataTracking::before {
  content: "User Data Tracking";
  background-color: #C49000; /* Darker Yellow */
}

.my-tags-RapidPrototyping::before {
  content: "Rapid Prototyping";
	color: black;
  background-color: #FFA726; /* Orange */
}

.my-tags-InAppPurchasing::before {
  content: "In-App Purchasing";
	color: black;
  background-color: #9CCC65; /* Green Light */
}