body {
    font-family: "Pretendard Variable", sans-serif;
}

.center-wrapper {
    margin: 0 auto;
    max-width: 70ch;
}

.header {
    display: flex;
    justify-content: space-between;
}

.header__right {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.name {
    margin: 0;

    font-size: 1rem;
}

.email {
    font-style: normal;
}

.programming-languages {
    display: flex;
    gap: 0.3ch;

    margin: 0;
    padding: 0;

    list-style: none;

    li:not(:last-child)::after {
        content: ', ';
    }
}

.main {
    h2 {
        margin: 1.5rem 0 0.5rem;

        font-size: 1.125rem;
    }

    h3, .date {
        font-size: 0.875rem;
        color: #8b95a1;
    }

    h3 {
        margin: 0;

        font-weight: 500;
    }

    ul {
        margin: 0.5rem 0;
        padding-left: 1.5rem;

        line-height: 1.4;
    }

    ul + h3, ul + div {
        margin-top: 1rem;
    }

    .title-date-container {
        display: flex;
        justify-content: space-between;
    }
}