

*
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -o-box-sizing: border-box;
    box-sizing: border-box;
   text-decoration: none;
   font-family:Tahoma;
}

body{ background-color: #6D7A6D}

p{font-size: 14px;}
.container
{
  margin: 30px 50px 50px 50px;
  height:550px;
}

.left-side
{
  width:400px;
  height:100%;
  float: left;
  overflow: hidden;
}

.left-side img
{
  width:100%;
  height:483px;
  float: left;
}

.left-side .person-name
{
  text-align: center;
  background-color: #6f6f76;
  line-height: 3.7;
  color:white;
}

.navigation
{
  float:left;
  width: 55px;
  height: 483px;
}
.navigation i:first-of-type{margin-top: 100px; padding:10px;}

.navigation i{padding:14px; color:white;}

.navigation i:nth-of-type(3) {padding:9px; }

.navigation i:hover{background-color: white; color: black;}
.right-side
{
  background-color: white;
  float:left;
  width:772px;
  height:483px;
  overflow-y: scroll;
}

.personal-info
{
  margin: 0 30px 0 44px;
  line-height: 1.4;
  padding: 1px 3px 1px 10px;
}

#aboutMe {margin-left: 52px; margin-bottom: 0; display: inline-block;}
.cv
{
    color: red;
    background-color: #404042;
    margin: 30px 0 0 360px;
    position: relative;
    bottom: 30px;
    width: 110px;
    text-align: center;
    padding: 10px;
    transition: all 0.20s ease-in-out;
    display: inline-block;
}

.cv:hover {width:120px;}

.personal-info p:last-of-type{margin-bottom: 32px;}
.research:first-of-type{margin-top: 50px;}


.research
{
  margin: 0 40px 30px 40px;
  border-style: solid;
  border-color: #eceaea;
  border-left-color: blue;
  border-radius: 4px;
  border-width: thick;
  line-height: 1.3;
  padding: 10px;
  background-color: #eceaea;
}
.header{text-align: center;}
.exper-header
{
  background-color: #aabbaa;
  font-size: 20px;
  padding:10px;
  width:166px;
  margin-top: 50px;

}
.exper
{
  width:700px;
}
.exper li
{
  line-height: 1.4;
  margin-top: 5px;
  font-size: 15px;
}
.major {font-weight: bold;}
.contact
{
padding: 15px;
float: left;
margin-left: 70px;
}
.mailing p
{
   line-height: 1.4;
}


.office
{
margin: 100px 50px 50px 0;
padding: 15px;
color: white;
float:left;
background-color: #626969;
}

.mailing
{
  overflow: hidden;
float: left;
margin-left:70px;
width: 350px;

padding: 15px;
}




.contact h4
{
     margin:0;
}
