#about {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}


#about .heading {
    width: 100%;
    text-align: center;
    font-size: min(20vw, 160pt);
    color: floralwhite;
    -webkit-text-stroke: 2px #1c1c1c4d;
}

#about .image-container {
    border-radius: 10px;
    border: solid 1px #1c1c1c4d;
    padding: 8px;
    margin-top: -80px;
    /* animation: horizontal-shaking-subtle 0.5s infinite; */
    max-width: 38%;
    display: flex;
    min-width: 400px;
    align-self: flex-start;
}

#about .profile-image {
    width: 100%;
    border-radius: 10px;
    box-shadow: -5px 5px #1c1c1c4d;
}


#about .content {
    display: flex;

    justify-content: center;
    flex-wrap: wrap;
    gap: 80px;

}

.about-text {
    /* margin-left: 80px; */
    flex: 1;

}

.about-text>h2 {
    font-family: "Abril Fatface";
    font-weight: 400;
    font-size: 24pt;
    letter-spacing: 1px;
    line-height: 170%;
    color: #555555;
}

.about-text>p {
    margin-top: 30px;
    font-size: 12pt;
    font-family: 'Droid Sans';
    color: #7b7b7b;
    line-height: 200%;
    min-width: 300px;
}

.about-text>.button {
    float: right;
    margin-top: 50px;
}