/* styles om het cv uit te laten printen met een passende vormgeving */

@media print {
    /* witte tekst veranderen in leesbare donkere tekst */
    body {
        color: rgb(60, 60, 69);
    }

    h1 {
        padding-bottom: 0.5rem;
    }

    /* een aantal stukken zijn niet relevant voor een geprinte pagina, dus die zet ik 'onzichtbaar' */
    #siteHeader, #cvPersonalia, #cvButtons, #siteCTA, #siteFooter {
        display: none;
    }

    /* de overige stukken zet ik dichter bij elkaar */
    #cvOverMij, #cvOnderwijs, #cvVaardigheden, #cvInteresses {
        padding: 0;
    }

    /* de foto en korte personalia over mij naast elkaar i.p.v. onder elkaar */
    #cvHero .container {
        display: grid;
        grid-template-columns: repeat(16, 1fr);
        grid-gap: 1rem;  
    }

    #cvHero .card:nth-child(1) {
        grid-column: 1 / span 8;
    }

    #cvHero .card:nth-child(2) {
        grid-column: 9 / span 8;
    }

    /* gele iconen en witte borders veranderen in donkergrijs voor beter contrast */
    .icon {
        color: rgb(60, 60, 69);
    }

    .tags li {
        border: solid 0.05rem;
        border-color: rgb(60, 60, 69);
    }
}