#projects h3 {
    font-size: min(10vw, 32pt);
    font-weight: 100;
    letter-spacing: 5pt;
    opacity: 60%;
}

#projects h1 {
    font-size: min(10vw, 70pt);
    font-weight: 400;
    letter-spacing: 8pt;
    color: floralwhite;
    margin-top: 0px;
    margin-bottom: 120px;
    text-transform: uppercase;
    
}

#projects h2 {
    font-family: "Abril Fatface";
    font-weight: 400;
    font-size: min(10vw, 28pt);
    letter-spacing: 3pt;
    line-height: 160%;
    color: floralwhite;

}

#projects h4 {
    font-family: "Abril Fatface";
    font-size: min(10vw, 20pt);
    font-weight: 100;
    letter-spacing: 3pt;
    opacity: 60%;

}

#projects .image-container {
    border-radius: 10px;
    border: solid 2px rgba(255, 250, 240, 0.158);
    padding: 10px;
    position: relative;
    max-width: 38%;
    display: flex;
    min-width: 400px;
    align-self: flex-start;
    
    /* box-shadow: 0px 0px 50px rgba(250, 128, 114, 0.068); */

}

.project-image {
    position: relative;
    display: inline-block;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    background-color: floralwhite;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%);
}

.gradient-overlay {
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%);
}

.project-content {
    margin-top: min(10vw,100px);
    margin-bottom: min(10vw,120px);
    gap: 80px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;

}

.project-content.reverse{
    flex-direction: row-reverse;
}

.project-text {
    flex: 1;
}

.project-text>p {
    margin-top: 28px;
    font-size: 12pt;
    font-family: 'Droid Sans';
    opacity: 60%;
    line-height: 200%;
    min-width: 250px;
}



.line-divider{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    background-color: floralwhite;
    opacity: 15%;
    height: 1px;
}