body {
  font-family: Georgia, "Times New Roman", serif;
  margin: 0;
  line-height: 1.7;
  color: #222;
}

.container{
max-width:900px;
margin:auto;
padding:20px;
}

.site-header{
border-bottom:1px solid #ddd;
}

.site-title{
margin:0;
}

.site-nav a{
margin-right:15px;
text-decoration:none;
color:#333;
}

.site-nav a.active{
font-weight:bold;
}

.hero{
display:flex;
justify-content:space-between;
align-items:center;
gap:30px;
}

.photo-placeholder{
width:200px;
height:200px;
border:1px solid #ccc;
display:flex;
align-items:center;
justify-content:center;
color:#777;
}

.site-footer{
border-top:1px solid #ddd;
padding:20px;
text-align:center;
margin-top:40px;
}

.publication-list li{
margin-bottom:14px;
line-height:1.55;
}

.publication-list{
padding-left:18px;
}

.hero {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
  align-items: start;
  margin-top: 30px;
}

.hero-text {
  max-width: 650px;
}

.hero-photo {
  display: flex;
  justify-content: center;
}

.profile-photo {
  width: 240px;
  height: 240px;
  object-fit: cover;
  border-radius: 4px;
}

@media (max-width: 700px) {

.hero {
  grid-template-columns: 1fr;
}

.hero-photo {
  margin-top: 20px;
}

}