.Skills {
    background: var(--color-orange-black);
    background-image: radial-gradient(circle at 90vw 0, rgba(255,145,0,0.2) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,0) 100%);
    background-repeat: no-repeat;

    & .skills-wrapper {
        margin-top: 3rem;
        display: flex;
        gap: 3rem;
        flex-wrap: wrap;
    }

    & article {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        padding: 2rem;
        background: var(--color-black);
        border-radius: 20px;
        min-width: 300px;
        flex: 1;

        & p:last-of-type {
            margin-top: 2rem;
        }
    }

    & .bottom {
        margin-top: 3rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3rem;
    }
}