/* utility */
.flex_spacer {
    display: inline-block;
    flex: 1;
}
.flex_container {
    display: flex;
    flex-wrap: wrap;
}

/* general */
#content {
    background-color: white;
    padding: 10px;
    border: 1px solid;
}
.resume_name {
    text-align: center;
}

/* Format for printing */
@media print {
    body{
        visibility: hidden;
    }
    #content {
        visibility: visible;
        position: absolute;
        left: 0;
        top: 0;
        border: none;
    }
    #resume_project_section, #education {
        break-inside: avoid;
    }
}

/* experience */
.job_name, .role_name, .job_location, .role_dates {
    display: inline-block;
}
.job_name, .job_location {
    font-weight: bold;
}
.role_name, .role_dates {
    font-style: italic;
}
.job_header, .role_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (max-width: 600px){
    .job_name, .role_name, .job_location, .role_dates {
        flex: 100%
    }
}

/* education */
.school_name, .school_location, .school_degree_name, .school_date, .coursework {
    display: inline-block;
}
.school_info, .degree_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.school_info {
    font-weight: bold;
}
.degree_info {
    font-style: italic;
}
#relevant_coursework_header {
    font-weight: bold;
    padding: 5px 0px;
}
.relevant_coursework {
    padding: 0px 20px;
}
.relevant_coursework_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.relevant_coursework_inner :nth-child(3n+2){
    text-align: center;
}
.relevant_coursework_inner :nth-child(3n+3){
    text-align: right;
}
.coursework {
    flex: 33%
}

@media screen and (max-width: 600px){
    .coursework, .school_name, .school_location, .school_degree_name, .school_date {
        flex: 100%;
    }
    .relevant_coursework_inner :nth-child(n){
        text-align: left;
    }
}

/* certifications */


/* projects */
.projects {
    display: flex;
    flex-wrap: wrap;
}
.projects h3 {
    margin: 0px;
}
.project {
    flex: 50%;
}
@media screen and (max-width: 600px){
    .project {
        flex: 100%;
    }

}

/* tech skills */
#tech_skills {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
#languages, #technology {
    display: inline-block;
}
#tech_skills h3 {
    margin: 0px;
}
@media screen and (max-width: 600px){
    #languages, #technology {
        flex: 100%;
    }

}