/* HTML General */

:root {
    --primary-color: grey;
    --secondary-color: lightgrey;
    --placeholder-color: rebeccapurple;
}

body {
    display: flex;
    flex-direction: column;
    max-width: 50%;
    margin: auto;
    font-family: Calibri;
}


/* Header */

#header_bar {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    min-height: 3em;
    display: flex;
    align-items: end;
    justify-content: end;
    padding-right: 0.5em;
}

.button {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6px 14px;
    border-radius: 6px;
    border: none;
    background: #6E6D70;
    box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.1), inset 0px 0.5px 0.5px rgba(255, 255, 255, 0.5), 0px 0px 0px 0.5px rgba(0, 0, 0, 0.12);
    color: #DFDEDF;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    margin-top: 0.25em;
}

.button:active {
    box-shadow: inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2), 0px 0.5px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 3.5px rgba(58, 108, 217, 0.5);
    outline: 0;
}

.button_wrapper {
    display: flex;
    flex-direction: column;
}


/* Page General */

.section {
    border-top: 2px solid var(--primary-color);
    padding-top: 1em;
    padding-bottom: 1em;
}

.section_heading_wrapper {
    display: flex;
    flex-direction: row;
}

.section_heading {
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 2em;
    white-space: nowrap;
}

.section_heading_fill {
    display: flex;
    flex: 1 1 100%;
    background-color: var(--secondary-color);
}

li {
    padding: 0.25em;
    page-break-inside: avoid;
}


/* Contact Info */

#contact_info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.contact_details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 1em;
}

.image {
    min-height: 100px;
    min-width: 100px;
    border-radius: 2em;
    background-color: var(--placeholder-color);
    background-image: url('data:image/jpeg;base64,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');
}

.name {
    font-size: xx-large;
    font-weight: 700;
}

.symbol {
    min-width: 5em;
}


/* Experience */

.job_heading {
    border-top: 1px solid var(--secondary-color);
    border-bottom: 1px solid var(--secondary-color);
    display: flex;
    flex-direction: row;
    margin-top: 1em;
    justify-content: space-between;
}

.job_title {
    display: flex;
    flex: 1 1 60%;
    align-items: center;
}

.job_heading_details {
    display: flex;
    flex: 1 1 40%;
    flex-direction: column;
    justify-content: end;
    align-items: flex-end;
}

.job_more_detail {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

.job_more_detail_title {
    border-bottom: 1px solid var(--secondary-color);
    margin-bottom: 0.25em;
}

.job_more_detail_description {
    padding-left: 0.25em;
}


/* Education */

.qualification {
    display: flex;
    flex-direction: row;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    justify-content: space-between;
}

.qualification_location {
    display: flex;
    flex: 1 1 40%
}

.qualification_wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 1 40%
}

.qualification_date {
    display: flex;
    flex: 1 1 20%
}

@media (max-width: 1100px) {
    body {
        max-width: 55%;
    }
    #contact_info {
        flex-direction: column;
    }
    .job_heading {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .job_title {
        align-items: center;
        justify-content: center;
        white-space: nowrap;
    }
    .job_heading_details {
        align-items: center;
    }
}

@media (max-width: 800px) {
    body {
        max-width: 60%;
    }
}

@media (max-width: 550px) {
    body {
        max-width: 65%;
    }
}

@media (max-width: 400px) {
    body {
        max-width: 70%;
    }
}

@media (max-width: 300px) {
    body {
        max-width: 75%;
    }
}


/* Dark Mode */

.dark_mode {
    background-color: black;
    color: white;
}