*{
box-sizing:border-box;
margin:0;
padding:0;
}

body{
font-family:"Lato",sans-serif;
background:#193549;
}

.resume-container{
max-width:1200px;
width:95%;
margin:40px auto;
background:white;
display:flex;
flex-wrap:wrap;
}

.left-sidebar{
flex:1;
min-width:280px;
background:#f4f4f4;
padding:40px;
}

.left-sidebar img{
width:160px;
border-radius:50%;
display:block;
margin:auto;
margin-bottom:30px;
}

.heading{
text-transform:uppercase;
background:#444;
color:white;
padding:10px;
text-align:center;
margin-top:30px;
}

.section-bar{
height:3px;
background:#193549;
margin:10px 0 20px;
}

.contact{
margin-bottom:10px;
}

.skills{
padding-left:20px;
}

.skills li{
margin-bottom:12px;
line-height:1.6;
}

.research-list{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px 30px;
padding-left:20px;
}

.main-body{
flex:2;
min-width:320px;
padding:40px;
}

.main-body h1{
font-size:36px;
margin-bottom:5px;
}

.designation{
font-size:18px;
margin-bottom:30px;
color:#555;
}

.job-info{
display:flex;
justify-content:space-between;
background:#f6f6f6;
padding:6px 10px;
margin-top:20px;
}

a{
text-decoration:none;
color:#193549;
font-weight:600;
}

a:hover{
text-decoration:underline;
}

@media(max-width:768px){

.resume-container{
flex-direction:column;
}

.research-list{
grid-template-columns:1fr;
}

}