body {
    font-family: 'Arial', sans-serif;
}
.header {
text-align: center;
padding: 20px; /* Reduce padding */
}
.header h1 {
font-size: 1.8rem;
margin-top: 5px; /* Reduce space between photo and name */
}

.header p {
font-size: 1rem;
}
.bio {
    margin-top: 30px;
}
.section {
    padding: 50px 20px;
    max-width: 900px;
    margin: 0 auto;
}
.header img.photo {
border-radius: 50%;
width: 120px;
height: 120px;
object-fit: cover;
margin-bottom: 5px; /* Reduce space between photo and name */
}
.projects, .publications {
    text-align: left;
}
.projects ul, .publications ul {
    list-style: none;
    padding: 0;
}
.projects li, .publications li {
    margin-bottom: 20px;
}

/* For the umpire project */

.section-container {
    display: flex;
    align-items: center;
    padding: 50px 20px;
}

.section-image {
    width: 30%;
    transition: transform 0.3s ease-in-out;
}

.section-text {
    width: 60%;
    padding-left: 20px;
}

.uk-thumbnav > li.uk-active > a {
    border: 1px solid #e5e5e5 !important;
    background: #fff;
}