@import url("style.css");

h6 {
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--color-gray-800);
    text-wrap: wrap;
}

.squad {
    display: grid;
    grid-template-columns: minmax(200px, 1fr) 2fr;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
    align-items: start;
}

.squad>div {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.person p:nth-child(1) {
    font-size: var(--font-size-lg);
    font-weight: 400;
    color: var(--color-gray-800);
    margin-bottom: var(--spacing-xs);
}

.person p:nth-child(2) {
    font-size: var(--font-size-sm);
    font-weight: 400;
    color: var(--color-gray-800);
    margin: 0;
}

.person {
    margin-bottom: var(--spacing-md);
}

.content-wrapper {
    align-items: flex-start;
    margin-top: calc(var(--spacing-2xl) * 2.5);
}