.area {
    position: relative;
    border: 3px solid #14194B;
    border-radius: 15px;

    width: 85%;

    margin-top: 10%;
    margin-bottom: 100px;
}

.area > div {
    position: absolute;
    top: 0;
    bottom: 0;

    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.area-color {
    z-index: -2;

    background-color: #24296b;
    mix-blend-mode: color;
}

.area-contrast {
    z-index: -1;

    background-color: #00000096;
    mix-blend-mode:multiply;
}

.pfp {
    width: 25%;
    position: absolute;
    left: 80%;
    top: -70px;
}

.section-header {
    width: 700px;
    position: absolute;
    left: 7%;
    top: -97px;
    transition: all 0.20s ease-in-out;
}

.area > p {
    padding-bottom: 40px;
}

.about-me > h1,h2, p {
    padding-left: 7%;
    padding-right: 30%;
}

.about-me > h1 {
    padding-top: 50px;
}