.about-me {
    display: grid;
    grid-template-columns: 10% 40% 40% 10%; 
    grid-template-rows: 20% 80% 20%; 
    gap: 0px 0px; 
    grid-template-areas: 
        ". . . ."
        ". Text Picture ."
        ". . . ."; 
}

.picture { 
    grid-area: Picture;
    padding-left: 2.5%;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0 auto;
    filter: drop-shadow(0 0 5px #0f45a9);
}

.text { 
    grid-area: Text;
    margin-top: 10%;
}

.text h2 {
    font-size: 50px;
}

.text p {
    font-size: 20px;
}

.text p a {
    text-decoration: underline;
    color: #fff;
    font-weight: bold;
}

.text p a:hover {
    color: #0157f4;
}

.text p a:link
.text p a:visited {
    color: #fff;
}