main {
    display: flex;
    justify-content: center;
    padding: 0 20px;
}

.cv {
    max-width: 600px;
}

main {
    margin-top: 40px;
    
    h1, h2, p {
        font-weight: var(--regular-fw);
    }
}

h1 {
    font-size: 20px;
}

main h2 {
    font-size: 14px;
}

main p {
    font-size: 14px;
}

.profile-img {
    width: 80px;
}

.profile {
    display: flex;
    align-items: center;
    gap: 20px;
}

.subtext, .date-range {
    color: var(--grey-primary);
}

section {
    padding: 40px 0;
}

.experience-items {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.experience-item {
    display: flex;
}

.date-range {
    width: 180px;
}

h2 {
    margin-bottom: 10px;
}

.experience-text > .subtext {
    margin-top: 6px;
}

.arrow-container {
    position: absolute;
    top: 0px;
    right: -12px;
    width: 6px;
    height: 6px;
}

.link {
    width: fit-content;
    display: flex;
    position: relative;
    color: inherit;
    text-decoration: none;
}

.link:hover {
    text-decoration: underline;
}

.ellipsis-bubble {
    margin-top: 10px;
}

.ellipsis-bubble:hover {
    cursor: var(--pointer-cursor);
}