.selector {
    display: flex;
    align-items: center;
    gap: var(--space-ba);
    flex-wrap: wrap;
}

.cv {
    display: flex;
    flex-direction: row;
    gap: var(--space-ka);
}

.jobdescription {
    display: flex;
    flex-direction: column;
    gap: var(--space-ka);
    width: fit-content;
}

.jobname {
    width: 157px;
}

.educationname {
    width: 300px;
}

.containers {
    display: flex;
    width: 540px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-oa);
}

.container1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-oa);
    align-self: stretch;
}

.clientbox {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-oa);
}

.image {
    height: 100%;
    flex: 1 0 0;
    object-fit: fill;
    align-items: flex-start;
}

.header-navigation {
    grid-column: 1 / -1;
    height: var(--space-ha);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #E8E8E8;
}

.projectnavigation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-ba);
    align-self: stretch;
}

.projectselector {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-ta);
    align-self: stretch;
}

.project {
    display: flex;
    width: 509px;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--space-ga);
}