* {
    padding: unset;
    margin: unset;
    box-sizing: border-box;

    --primary: #1d3866;
    --secondary: #006cc8;
}

main {
    font-size: 9pt;
    font-family: 'Liberation Sans';
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}

@media screen {
    main {
        max-width: 1000px;
        margin: 0 auto;
        padding: 1.3cm;
    }

    main>header>section#tools {
        display: flex;
    }
}

@media print {
    main {
        padding: unset;
    }

    @page {
        size: A4 portrait;
        margin: 1.3cm;
    }

    main>header>section#tools {
        display: none;
    }
}




/*#region CV Header*/

main>header img#candidate-photo {
    width: 2.666666667cm;
    height: 4cm;
    float: left;
    margin-right: 0.75cm;
}

main>header>section#introduction {
    height: 100%;
    padding-left: 0.65cm;
}

main>header>section#tools {
    width: 4.25cm;
    flex-direction: column;
    height: 100%;
    padding-right: 0.65cm;
}

main>header>section#introduction>div#contacts-list {
    display: flex;
    flex-direction: column;
}

main>header section#introduction p.contact {
    line-height: 0.55cm;
    width: fit-content;
}

main>header section#introduction p.contact>b {
    display: inline-block;
    width: 1.5cm;
}

main>header section#introduction p.contact>a {
    text-decoration: none;
    color: unset;
    width: fit-content;
}

main>header section#introduction p.contact>a:hover {
    color: var(--secondary);
}

main>header section#introduction p.contact:nth-of-type(1) {
    margin-top: 0.5cm;
}

main>header section#introduction h1 {
    font-size: 26pt;
    color: var(--secondary);
    width: fit-content;
}

main>header section#introduction h2 {
    font-size: 13pt;
    margin-top: 0.15cm;
    width: fit-content;
}

main>header>section#tools button,
main>header>section#tools select {
    width: 100%;
    border: none;
    padding: 5px 10px;
    text-align: left;
    margin-top: 0.1cm;
    cursor: pointer;
}

main>header>section#tools a {
    width: 100%;
}

main>header>section#tools h2 {
    margin-bottom: 0.65cm;
}

main>header>section#tools button {
    background-color: var(--primary);
    color: white;
}

main>header>section#tools button:hover {
    background-color: var(--secondary);
    color: white;
}

/*#endregion CV Header*/

/* Layout */
main>header {
    display: flex;
    justify-content: space-between;
    height: 4cm;
    clear: both;
    margin-bottom: 0.85cm;
}

main>article {
    padding-right: 0.3cm;
    width: 100%;
    float: left;
}

main>aside {
    width: 100%;
    float: left;
}

main>footer {
    padding-left: 0.65cm;
    padding-right: 0.25cm;
    clear: both;
}

main>aside details {
    width: 50%;
    padding-right: 0.3cm;
    float: left;
}

/*#region CV Details*/
main details {
    margin-bottom: 0.55cm;
}

@media print {
    main details>summary {
        display: block;
        padding: 0.25cm 0.63cm !important;
    }
}

main details>summary {
    font-size: 11pt;
    font-weight: normal;
    color: white;
    background-color: var(--primary);
    width: 100%;
    padding: 0.25cm 0.32cm;
    margin-bottom: 0.25cm;
}

/*#endregion CV Details*/

main>article,
main>aside {
    line-height: 0.55cm;
}

/*#region CV Sections and Lists*/
main ul {
    line-height: 0.65cm;
}

main ul,
main>article section,
main>aside section {
    display: list-item;
    margin-left: 0.65cm;
    margin-right: 0.35cm;
}

main ul.skills-2 {
    width: 42%;
    float: left;
    margin-right: 0;
}
main ul.skills {
    width: 17%;
    float: left;
    margin-right: 0;
}

main>article section.experience,
main>aside section.experience {
    margin-bottom: 0.40cm;
}

main>article section>h3,
main>aside section>h3 {
    display: inline;
    color: var(--secondary);
}

main>article section>time,
main>aside section>time {
    float: right;
}

main li::marker,
main>article section::marker,
main>aside section::marker {
    color: var(--secondary);
}

main>article section>p.location main>aside section>p.location {
    font-style: italic;
}

main>article section>p.description main>aside section>p.description {
    margin-top: 0.45cm;
}

/*#endregion CV Sections and Lists*/
.clear-both {
    clear: both;
}