.projects-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    row-gap: 24px;
}

.project-item {
    margin: 0;
    padding: 14px;
    border: 2px solid var(--accent-color-var1);
    border-radius: 8px;
}

.project-item-title {
    font-family: "Roboto", "SF Pro", SFPro-Regular, ui-sans, sans-serif;
    font-size: 19px;
    margin: 8px 0 8px 0;
}

.project-item-links {
    display: flex;
    gap: 24px;
    align-items: center;
    margin-bottom: 10px;
    font-weight: 600;
}

.project-item-link-container {
    display: flex;
    gap: 8px;
    align-items: center;
}

.project-item-description {
    font-size: 14px;
}

.project-item-tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.project-tag {
    padding: 4px 6px;
    background-color: var(--bubble-background);
    border-radius: 5px;
    font-size: 13px;
}