body {
    width: 100%;
    margin: 0;

    div#main, div#knowledge {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
        padding: 16pt;
    }
}


div#identity {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 16pt;
    padding: 16pt;

    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;

    h1 {
        margin-bottom:0;
    }

    p.subtitle {
        margin-top:0;
        margin-bottom:0;
        font-style: italic;
        margin-bottom: 8pt;
    }

    /* qrcode only displayed when printing */
    div#contact-and-qrcode {
        div#qrcode {
            display: none;
        }
        #contact {
            margin: auto;
            table {
                margin-left: auto;
                margin-right: 4pt;
            }
        }
    }

    div#photo-frame {
        margin: auto;
        img {
            max-width: 130pt;
            max-height: 130pt;
        }
    }
}

/* Categories */
div#categories {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 8pt;

    div#tech-extra {
        display: none;
    }

    div {
        h3 {
            border-bottom: 1pt solid;
            text-align: center;
        }
    }
}

/* Jobs */
div.job {
    h1 {
        span.job-start {
        }
        span.job-end {
            &:before {
                content: " – "
            }
        }
        span.job-company {
            &:before {
                content: ": "
            }
        }
    }
}

/* C.V. version when displayed */
div#choose-versions {

    details {

        summary {
            margin-top: 0.5em;
        }

        ul.dropdown {
            margin-top:2pt;
            li {
                display: inline-block;
                margin: auto 2pt;
                span {
                    display: none;
                }
            }
        }
    }
}