body { 
    font-family: Arial, sans-serif; 
    margin: 20px; 
    background-color: #f4f4f4;
}

.profile-container {
    display: flex;
    align-items: flex-start; /* Added to ensure elements align to the top */
}

.profile-container p {
    margin-top: 0;
    margin-bottom: 1em; /* Spacing between paragraphs */
}


.photo img {
    float: left;  /* Align the image to the left */
    margin-right: 20px; /* Space between image and text */
    border-radius: 5%; /* Optionally add rounded corners */
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1); /* Optional shadow for a polished look */
    max-width: 250px; /* Adjust width as desired */
}

.info-section {
    width: 75%; /* This will ensure the text container takes up 75% of the width */
}

.info, .research-topics, .research-details { 
    padding: 20px 0;
}

.research-details p {
    margin-top: 0;
    margin-bottom: 1em; /* Spacing between paragraphs */
}