.intro-text {
    padding: 8vh 0;
}

.background {
    /*background-image: linear-gradient(to right, var(--alt-darkgray-l), var(--alt-darkgray), var(--alt-darkgray-d));*/
    /*background-image: linear-gradient(to right, var(--alt-darkgray-l), darkgoldenrod, var(--alt-darkgray-l));*/
    background-image: linear-gradient(to right, var(--alt-darkgray-l), darkgoldenrod, darkgoldenrod, darkgoldenrod, var(--alt-darkgray-l));
    /*background-image: linear-gradient(to right, darkgoldenrod, var(--alt-darkgray-l), darkgoldenrod);*/
    /*background-color: var(--alt-darkgray-l);*/
    /*background-color: darkgoldenrod;*/
}

.project-holder-div {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    background-color: var(--alt-white);
    border: 6px solid var(--alt-white-dd);
}

.project-div {
    padding: 8px;
    align-content: center;
}

.project-header {
    /*padding: 0 0 0 16px;*/
    font-size: 2.4rem;
}

.project-content {
    display: flex;
    flex-direction: row;
    align-content: center;
}

.project-text {
    padding: 12px;
    /*display: flex;*/
    /*flex-direction: column;*/
    font-size: 1.2rem;
}

.project-main-text {
    min-height: 85%;
}

.project-timeline {

}

.project-image {
    object-fit: cover;
    border: 4px solid var(--alt-white-d);
    max-width: 15vw;
    height: calc(15vw * 3/4);
}