.openings .openings-content {
    background: var(--background-secondary);
    height: 100%;
}

.job {
    width: 100%;
}

.job-tabs {
    width: 100%;
    display: flex;
    justify-content: center;
}

.job-tabs .tab-container {
    color: var(--color-primary);
    font-weight: bold;
    cursor: pointer;
    filter: drop-shadow(-1px 6px 3px rgba(209,209,209,0.75));
    transition: .3s;
}

.job-tabs .tab-container:hover {
    filter: drop-shadow(-1px 6px 3px rgba(147, 147, 147, 0.75));
    transition: .3s;
}

.job-tabs .tab-container .tab {
    background: var(--color-red);
    width: 200px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color .3s;
    clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
}

.job-tabs .tab-container .tab.active {
    background: var(--color-blue);
    transition: background-color .3s;
}

.job-description div > p {
    text-align: left;
    margin: 0;
}

.job-description div > div {
    margin-bottom: 1em;
}

.job-description ul {
    margin-bottom: 0;
}

.job-description .button-container {
    margin-top: 1em;
}