#about-section {


    & .about-me-content {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;

    
        & .profile-img {
            height: 300px;
            flex: 1;
        }
    
        & .profile-img .avatar-photo {
            min-width: 150px;
            width: 200px;
            border-radius: 50%;
            box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;
          
            
        } 
          

        & .about-me-text {
            flex: 2;
            text-align: start;
            box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
            margin-right: 10%;

            & h2 {
                font-size: 2.5rem;
                padding: 20px;
            }
    

            & p {
                height: 100%;
                padding: 0 20px 20px 20px;
                letter-spacing: 2px;
                line-height: 2;
                
            }

        }

    }

}