#skills-container {
    /* This prevents the skill tags from being visible outside the box */
    overflow: hidden;
}

.skill-tag {
    /* This allows us to position the tags with JavaScript */
    position: absolute;
    /* This ensures transforms (like rotation) happen from the center */
    transform-origin: 50% 50%;

    background-color: #374151; /* bg-gray-700 */
    color: #E5E7EB; /* text-gray-200 */
    font-size: 1.125rem; /* text-lg */
    font-weight: 600; /* font-semibold */
    padding: 0.5rem 1rem; /* px-4 py-2 */
    border-radius: 9999px; /* rounded-full */

    /* Make text unselectable for a better dragging experience */
    user-select: none;
    -webkit-user-select: none;
    cursor: grab;
}

.skill-tag:active {
    cursor: grabbing;
}