/* Featured Projects */
.projectContent {
    font-size: 0.75rem;
}
.projectContent p {
    font-size: 0.75rem;
}
.projectContent h3 {
    font-size: 0.85rem;
    margin: 0px;
}
.tree-view h3 {
    font-size: 0.85rem;
    margin: 0px;   
}


/* Change the bullet to a square and adjust the indent */
ul {
  list-style-type: square; /* Changes bullet to a square */
  padding-left: 20px; /* Adjusts the indentation (you can change 20px to whatever value you prefer) */
}

/* Optional: Adjust the li spacing if needed */
li {
  /* margin-bottom: 10px; This controls the space between each list item */
}


/* CSS for condensed Technologies / Tools */
/* .tech-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tech-tag {
    background-color: #f0f0f0;
    color: #333;
    padding: 6px 12px;
    font-weight: 600;
    border: 1px solid #ddd;
    transition: background-color 0.3s ease;
}

.tech-tag:hover {
    background-color: #0077b5;
    color: white;
    border-color: #0077b5;
}

.tech-tag:active {
    background-color: #005f88;
} */


/* CSS for condensed Technologies / Tools */
.tech-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tech-tag {
    background-color: #e5e5e5; /* Light gray for 90s web style */
    color: #000000; /* Black text for high contrast */
    padding: 6px 12px; /* Larger padding for button feel */
    /* font-weight: bold; Make the text bolder for impact */
    border: 2px solid #888888; /* Solid border with medium gray */
    border-radius: 3px; /* Subtle rounded corners */
    box-shadow: 2px 2px 0px #777777; /* Simple 3D-like shadow */
    transition: all 0.3s ease; /* Smooth transition for hover and active states */
}

.tech-tag:hover {
    background-color: #0078e2; /* Bright blue for hover effect */
    color: white; /* White text on hover */
    border-color: #0077b5; /* Matching border color for hover */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Stronger shadow on hover */
}

.tech-tag:active {
    background-color: #0099cc; /* Slightly darker blue when active */
    color: white;
    border-color: #0077b5; /* Matching active border */
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); /* Darker shadow on click */
}