/* Wrapper for experience section */
.exp-wrapper {
    display: block;
    margin-top: 6vh;           /* Changed from 80px */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    overflow: hidden;
    width: 90%;                /* Changed from 1100px */
    max-width: 1100px;         /* Keeps layout on large screens */
    height: auto;
}

/* Title that says experience */
.exp-title {
    font-size: 2.5rem;         /* Changed from 34px */
    font-weight: bold;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.job-wrapper {
    margin-top: 6vh;           /* Changed from 80px */
    display: flex;
    margin-bottom: 4vh;        /* Changed from 50px */
    flex-wrap: wrap;           /* Allows wrapping on small screens */
}

/* Container for each individual job in experience section */
.job-container {
    overflow: hidden;
    display: block;
    margin-right: auto;
    margin-bottom: 4vh;        /* Changed from 50px */
    margin-top: 1vh;           /* Changed from 10px */
}

/* Name of job */
.job-name {
    overflow: hidden;
    text-align: left;
    margin-right: auto;
    font-weight: bold;
    font-size: 2rem;           /* Changed from 26px */
    display: block;
    color: rgb(53, 232, 200);
}

/* Name of company */
.job-company {
    overflow: hidden;
    text-align: left;
    margin-right: auto;
    font-style: italic;
    margin-bottom: 0.5em;      /* Changed from 4px */
    display: block;
    font-size: 1.125rem;       /* Changed from 18px */
    color: rgb(202, 202, 202);
}

/* Date of job */
.job-date {
    opacity: 80%;
    font-size: 0.9rem;         /* Changed from 14px */
    display: block;
    text-align: left;
    color: rgb(202, 202, 202);
}

.bp-container {
    overflow: hidden;
    display: block;
    margin-left: auto;
    margin-top: 1vh;           /* Changed from 10px */
    width: 90%;                /* Changed from 600px */
    max-width: 600px;
    border-bottom: 1px solid rgb(202, 202, 202);
}

/* Each bulletpoint */
.bp {
    display: block;
    text-align: justify;
    font-size: 1rem;           /* Changed from 16px */
    margin-left: 1vw;          /* Changed from 10px */
    margin-right: 1vw;         /* Changed from 10px */
    margin-bottom: 1vh;        /* Changed from 10px */
    z-index: 1;
}

/*When job container hovered, change hidden-bp */
.job-container:hover .hidden-bp {
    display: block;
}