/*
Charles Langlan Style Sheet 
   Filename: experience.css
   Author: Charlie Langlan
   Subpage Style Sheet
*/

/* formatting of major portions of page */ 
.content-wrapper-profsum,
.currentjobs,
.jobhistory,
.internships,
.top-section,
.two-column-container {
    width: 80%;
    max-width: 1200px;
    margin: 20px auto;
    padding: 20px;
    background-color: rgba(205, 213, 213, 0.2);
    border-radius: 5px;
}

/* Two Column Layout for page */
.two-column-container {
    display: flex;
    gap: 2rem;
}

/* Job Headers h4 & h5 */
h4 {
    color: rgba(78, 144, 211, 1);
    margin-bottom: 0.5rem;
}

h5 {
    color: #555;
    margin-bottom: 0.5rem;
}

/* List items (job details/duties) */
ul {
    margin-top: 1rem;
    padding-left: 20px;
}

li {
    margin-bottom: 0.8rem;
    line-height: 1.6;
}

/* Responsiveness based on device */
@media screen and (max-width: 768px) {
    .two-column-container {
        flex-direction: column;
    }

    .content-wrapper-profsum, .currentjobs, .jobhistory, .internships {
        width: 95%;
        padding: 15px;
    }
}