body{
font-family: Georgia, "Times New Roman", serif;
max-width: 1000px;
margin: 40px auto;
line-height:1.6;
color:#222;
}

header{
margin-bottom:20px;
}

h1{
font-size:32px;
margin-bottom:5px;
}

nav{
margin:20px 0;
}

.menu{
list-style:none;
padding:0;
margin:0;
display:flex;
gap:25px;
}

.menu li{
position:relative;
}

.menu a{
text-decoration:none;
font-weight:bold;
color:#003366;
}

.menu a:hover{
text-decoration:underline;
}


/* DROPDOWN MENU */

.submenu{

display:none;

position:absolute;

top:100%;

left:0;

background:#444;

color:white;

padding:0;

list-style:none;

min-width:240px;

border-radius:6px;

}

.submenu li{

border-bottom:1px solid #555;

}

.submenu li:last-child{

border-bottom:none;

}

.submenu a{

display:block;

padding:12px 18px;

color:white;

font-weight:normal;

}

.submenu a:hover{

background:#333;

}

/* SHOW DROPDOWN */

.menu li:hover .submenu{

display:block;

}


/* PUBLICATIONS */

.publist li{
margin-bottom:14px;
}

.btn{
display:inline-block;
margin-left:6px;
padding:3px 8px;
border:1px solid #888;
border-radius:4px;
font-size:12px;
text-decoration:none;
color:#003366;
}

.btn:hover{
background:#f0f0f0;
}


/* PROFILE SECTION */

.profile {
  display: flex;
  align-items: flex-start;
  gap: 35px;
  margin: 25px 0;
  text-align: left;
}

.profile img.profile-photo {
  width: 260px;
  height: 300px;
  object-fit: cover;
  object-position: center 18%;
  border-radius: 8px;
  display: block;
  flex-shrink: 0;
}

.bio {
  flex: 1;
}