.AboutMeContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80vw;
    overflow-y: scroll;
}

.AboutMeIntro {
    display: flex;
    width: 75vw;
    padding: 1%;
    background-color: rgba(240, 248, 255, 0.74);
    border-radius: 10px;
    margin-top: 2.5vh;
    margin-bottom: 2.5vh;
    height: 30vh;
}

.AboutMeImage {
    margin-left: auto;
    margin-right: auto;
}

.AboutMeTitle {
    width: 75vw;
    margin-top: 2.5vh;
    margin-bottom: 2.5vh;
    text-align: center;
    height: fit-content;
    font-size: xx-large;
    font-weight: bolder;
}


.AboutMeCS {
    width: 75vw;
    background-color: rgba(240, 248, 255, 0.74);
    background-image: url("../Photo/Portrait/missing-texture.png");
    background-repeat: round;
    background-size: cover;
    border-radius: 10px;
    margin-top: 2.5vh;
    margin-bottom: 2.5vh;
    padding: 1%;
    height: 35vh;
    text-align: center;
    font-size: xx-large;
}

.AboutMeMATH {
    width: 75vw;
    padding: 1%;
    background-color: rgba(240, 248, 255, 0.74);
    background-image: url("../Photo/Portrait/missing-texture.png");
    background-repeat: round;
    background-size: cover;
    border-radius: 10px;
    margin-top: 2.5vh;
    margin-bottom: 2.5vh;
    height: 35vh;
}

.AboutMeHIS {
    width: 75vw;
    padding: 1%;
    background-color: rgba(240, 248, 255, 0.74);
    background-image: url("../Photo/Portrait/missing-texture.png");
    background-repeat: round;
    background-size: cover;
    border-radius: 10px;
    margin-top: 2.5vh;
    margin-bottom: 2.5vh;
    height: 35vh;
}