@media screen and (min-width: 700px) {
    #team {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    main p#join, #team {
        text-align: center;
    }
}

@media screen and (min-width: 850px) {
    #cv {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 25px;
    }

    #skill {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    #skill h2 {
        grid-column: 1/3;
    }
}

ul#social {
    display: inline-block;
    display: flex;
    padding: 0;
    list-style: none;
}

ul#social li {
    display: inline;
    padding: 10px;
}

img[alt="github"] {
    filter: invert(100%);
}

@media (prefers-color-scheme: light) {
    img[alt="github"] {
        filter: none;
    }
}

@media print {
    * {
        background-color: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    header, footer {
        display: none;
    }

    #cv {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 25px;
    }

    #skill {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    #skill h2 {
        grid-column: 1/3;
    }

    .crumbs {
        display: none;
    }
}

#articles li {
    margin-bottom: 15px;
}