.profiles {

    --padding: 1rem;
    max-width: 640px;
    margin: 0 auto;
    padding: var(--padding);

    ul {
        --row-gap: 1rem;
        display: flex;
        flex-direction: column;
        row-gap: var(--row-gap);
        margin: 0;
        padding: 0;
        list-style: none;
    }

}

@media screen and (min-width: 768px) {

    .profiles {
        --padding: 2rem;
    }

}

@media screen and (min-width: 1280px) {

    .profiles {
        --padding: 2rem 0;
    }

}