.about-section { 
    position: relative;
    overflow: hidden;
    height: 65vh;
    min-height: 780px;


}


#about-photo {
    position: absolute;
    top: 0;
    right: -330px;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.about-section-text {

    z-index: 20;
    display: flex;
    flex-direction: column;

    margin-left: 100px;
    margin-top: 20px;
    
    width: 600px;
}

#about-section-gradient {
    display: flex;
    flex-direction: column;

    position: relative;
    z-index: 2;

    width: 80vw;
    min-height: 100vh;

    background: linear-gradient(
        90deg,
        rgb(15, 15, 15) 0%,
        rgb(15, 15, 15) 20%,
        rgb(15, 15, 15) 40%,
        rgba(15, 15, 15, 0) 100%
    );
}

.about-section h1, p{
    color: white;
    display: inline;
}

.about-section h1 {
    font-size: clamp(48px, 5vw, 80px);
}

.about-section p {
    font-size: clamp(16px, 1.5vw, 24px);
    line-height: 1.3;
}

#about-section-text-last-blurb {
    font-size: clamp(14px, 1.25vw, 20px);
    font-style: italic;
    font-weight: 300;
}

#about-section-button-redirects {
    display: flex;
    gap: 10px;
}

.about-section-text button {

    margin-top: 30px;
    width: clamp(150px, 14vw, 200px);
    height: clamp(55px, 6vw, 80px);

    cursor: pointer;
    font-size: clamp(14px, 1.2vw, 20px);
    font-weight: 700;
    color: white;

    background-color: rgb(23, 23, 23);

    border: 1px solid white;
    border-radius: 6px;

    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.about-section-text button:hover {
    transform: scale(95%);
}

.about-section-text button:active {
    background-color: rgb(221, 221, 221);
    border-color: rgb(23, 23, 23);
    color: rgb(12, 12, 12);
    transform: scale(95%);
}

@media (max-height: 850px) {
    .about-section {
        height: auto;
        min-height: 780px;
    }
}