body {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        margin: 0;
        padding: 0;
    }

    /* Section Title Styling */
    .section-title {
        font-size: 2rem;        
        font-weight: 700;       
        color: #222;             
        text-align: center;      
        margin-bottom: 50px;    
        margin-top: 50px; 
        position: relative;
    }

    .section-title::after {
        content: "";
        display: block;
        width: 100px;             
        height: 3px;  
        background-color: #3B82F6;

        margin: 15px auto 0;      
    }

    /* Main Container */
    .AboutMe-flex {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        align-items: flex-start; 
        gap: 30px; 
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
    }

   
    .AboutMe-div {
        flex: 1; 
        display: flex;
        flex-direction: column;
        min-width: 250px; 
    }

    /* Typography */
    .About-description {
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 1.8rem;
        color: #3B82F6;
        margin-top: 0;
        line-height: 1.2;
    }

    p {
        color: #555;
        line-height: 1.6;
        font-size: 1rem;
    }

    /* Button Styling */
    .btn-contact {
        display: inline-block;
        background-color: #3B82F6;
        color: white;
        padding: 12px 24px;
        text-decoration: none;
        font-weight: bold;
        border-radius: 5px;
        border: none;
        cursor: pointer;
        margin-top: 20px;
        width: fit-content;
        transition: background 0.3s;
    }

    .btn-contact:hover {
        opacity: 0.5;
    }


    .image-placeholder {
        width: 100%;
        height: 300px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 90px     
    }

    .AboutMeImage {
      width: 100%;
    }

    .AboutMe-middle-div {
      margin-top: 50px;
    }