.conference {
    font-family: 'EB Garamond', 'Hind Madurai', 'Lato', Verdana, Helvetica, sans-serif;
    color: #000000;
    /* text-decoration: underline; */
    text-decoration-color: #a0a0a0; /* change this to your desired color */
    position: relative;
    font-style: italic;
    text-decoration-thickness: 0.8px;
    text-decoration-style: solid; /* or dashed, dotted, wavy */
}


.author {
    font-family: 'EB Garamond', 'Hind Madurai', 'Lato', Verdana, Helvetica, sans-serif;
    color: #656565;
    /* Keeps the text black */
    text-decoration: none;
    /* Removes default underline */
    position: relative;
    /* Enables positioning for the underline effect */
    /* transition: color 0.3s ease; */
    /* Smooth color transition if needed */
}

.author:hover {
    color: black;
    /* Keeps text black on hover */
}

.author_myself {
    font-family: 'EB Garamond', 'Hind Madurai', 'Lato', Verdana, Helvetica, sans-serif;
}


/* Underline effect */
.author-click::after {
    content: "";
    /* Adds an empty content for the underline */
    position: absolute;
    left: 0;
    bottom: -2px;
    /* Position underline slightly below the text */
    width: 0;
    height: 2px;
    /* Thickness of the underline */
    background-color: black;
    /* Color of the underline */
    transition: width 0.3s ease;
    /* Animation for the underline */
}

.author-click:hover::after {
    width: 100%;
    /* Expands underline to full width */
}


/* Dark mode styles */
body.dark .author {
    color: #929292;
    /* Dark mode text color */
    font-family: 'Play', 'Hind Madurai', 'Lato', Verdana, Helvetica, sans-serif;
}

body.dark .author:hover {
    color: rgb(255, 255, 255);
    /* White text on hover in dark mode */
}

body.dark .author-click::after {
    background-color: white;
    /* White underline for dark mode */
}

/* Dark mode styles */
body.dark .author_myself {
    font-family: 'Play', 'Hind Madurai', 'Lato', Verdana, Helvetica, sans-serif;
}

/* Dark mode styles */
body.dark .conference {
    color: #47f3ff;
    /* Dark mode text color */
    font-family: 'Play', 'Hind Madurai', 'Lato', Verdana, Helvetica, sans-serif;
}