.image-text-wrapper {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-bottom: 20px;
            width: 100%;
        }

        .image-container {
            flex: 0 0 150px;
            max-width: 150px;
        }

        .image-container img {
            width: 100%;
            height: auto;
            max-width: 100%;
            object-fit: cover;
            border-radius: 8px;
            border: 1px solid black;
            display: block;
        }

        .description {
            flex: 1;
            font-size: 16px;
            line-height: 1.5;
        }

        .container a{
            text-decoration-line: none;
        }
        
        a:link {
            color: #1772d0;
            text-decoration:none;
        }
        
        a:visited {
            color: #1772d0;
            text-decoration:none;
        }
        
        a:hover {
            color: #f09228;
            text-decoration:none;   
        }
        
        a:active {
            color: #1772d0;
        }
        
        .publication a{
            text-decoration: underline;
        }
        
        body,td,th {
            font-family: 'Titillium Web', Verdana, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: 400;
        }
        
        body {
            background-color: rgb(245,245,245);
            margin: 0;
            padding: 10px;
        }
        
        heading {
            font-family: 'Titillium Web', Verdana, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: 600;
        }
        
        strong {
            font-family: 'Titillium Web', Verdana, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: 600;
        }
        
        strongred {
            font-family: 'Titillium Web', Verdana, Helvetica, sans-serif;
            color: 'red' ;
            font-size: 16px;
        }
        
        sectionheading {
            font-family: 'Titillium Web', Verdana, Helvetica, sans-serif;
            font-size: 22px;
            font-weight: 700;
            color: rgb(55, 158, 14);
        }
        
        pageheading {
            font-family: 'Titillium Web', Verdana, Helvetica, sans-serif;
            font-size: 38px;
            font-weight: 400;
            line-height: 20pt;
        }
        
        paperheading {
            font-family: 'Titillium Web', Verdana, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: 700;
        }
        
        authornames {
            font-family: 'Titillium Web', Verdana, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: 500;
        }
        
        self {
            font-family: 'Titillium Web', Verdana, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: 530;
            text-decoration: underline;
        }
        
        paperhighlight {
            font-family: 'Titillium Web', Verdana, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: 530;
            color: rgb(200, 50, 50);
        }
        
        highlightdate {
            font-family: 'Titillium Web', Verdana, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: 530;
            text-align: left;
            padding-bottom: 0px;
            padding-top: 0px;
        }
        
        highlighttext {
            font-family: 'Titillium Web', Verdana, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: 400;
            text-align: left;
            padding-bottom: 0px;
            padding-top: 0px;
        }
        
        specialhighlighttext {
            font-family: 'Titillium Web', Verdana, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 2pt;
            color: rgb(200, 50, 50);
        }
        
        .ImageBorder {
            border-width: 1px;
            border-color: Black;
        }
        
        .container {
            margin: auto;
            padding: 20px;
            max-width: 940px;
            width: 100%;
            box-sizing: border-box;
            text-align: left;
            position: relative;
            font-family: "OpenSans", Helvetica, Arial, sans-serif;
            font-size: 11pt;
            font-style: normal;
            font-weight: normal;
            line-height: 150%;
            color: rgb(0,0,125);
            background-color: rgb(255,255,255);
            border-radius: 10px;
            box-shadow: 4px 4px 6px #888;
        }
        
        .info-icons {
            font-size: 12pt;
            font-style: normal;
            font-weight: normal;
        }
        
        .gradient-underline {
            border: 0;
            height: 1px;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.2));
            background-position: 0 1.5em;
            background-repeat: no-repeat;
            background-size: 200% 1.5px;
        }

        /* Header section */
        .header-section {
            display: flex;
            gap: 20px;
            margin-bottom: 30px;
        }

        .profile-image {
            flex: 0 0 200px;
        }

        .profile-image img {
            width: 100%;
            border-radius: 15px;
        }

        .profile-content {
            flex: 1;
        }

        .profile-links {
            margin-top: 10px;
        }

        /* Publication item */
        .publication-item {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
            padding: 15px;
        }

        .publication-image {
            flex: 0 0 150px;
            text-align: center;
        }

        .publication-image img {
            width: 100%;
            max-width: 150px;
        }

        .publication-content {
            flex: 1;
        }

        .publication-content table {
            width: 100%;
        }

        /* Section styling */
        .section {
            margin-bottom: 40px;
        }

        .section-title {
            margin-bottom: 20px;
        }

        /* Year headers */
        .year-header {
            font-weight: bold;
            margin: 20px 0 10px 0;
        }

        /* Mobile responsive design */
        @media (max-width: 768px) {
            body {
                padding: 5px;
            }

            .container {
                padding: 15px;
                border-radius: 5px;
                box-shadow: 2px 2px 4px #888;
            }

            pageheading {
                font-size: 28px;
            }

            .header-section {
                flex-direction: column;
                text-align: center;
            }

            .profile-image {
                flex: none;
                max-width: 200px;
                margin: 0 auto;
            }

            .publication-item {
                flex-direction: column;
                text-align: center;
                gap: 15px;
            }

            .publication-image {
                flex: none;
                margin: 0 auto;
            }

            .image-text-wrapper {
                flex-direction: column;
                text-align: center;
            }

            .image-container {
                width: 100%;
                max-width: 200px;
                margin: 0 auto;
            }

            sectionheading {
                font-size: 20px;
            }
        }

        @media (max-width: 480px) {
            pageheading {
                font-size: 24px;
            }

            sectionheading {
                font-size: 18px;
            }

            body, td, th {
                font-size: 14px;
            }

            .container {
                padding: 10px;
            }
        }