#top_sction {
  margin:auto;
  width:600px;
  display:grid;
  /*grid-template-rows: 62px 67px 67px 67px 35px;*/
  grid-template-rows: 62px 51px 51px 51px 51px 32px;
  grid-template-columns: 465px 84px;
}
#top_logo{
  grid-area:1/1/7/2;
}
#top_empty{
  grid_area:1/2/2/3;
}
#top_project{
  grid_area:2/2/3/3;
}
#top_education{
  grid_area:3/2/4/3;
  border-bottom: solid 1px #000;
}
#top_publication{
  grid_area:4/2/5/3;
}
#top_about{
  grid_area:5/2/6/3;
  border-bottom: solid 1px #000;
}

#top_contact{
  grid_area:6/2/7/3;
  border-bottom: solid 1px #000;
  padding-left:2px;
  text-align: left;
  position:relative;;
  width:84px;
  height:31px;
}

.top_button{
  font-size: 13.5px;
  font-weight: 500;
  border-top: solid 1px #000;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  padding-left:2px;
  padding-top:2px;
  width:84px;
  height:49px;
  text-align: left;
}


.projects{
  position:relative;
  margin:auto;

  display: inline-flex;
  flex-wrap: wrap;
  align-items:center;
  justify-content: center;
  top: 22px;
  width:100%;
}
.project_image{
  width:360px;
  height:240px;
  margin:0px;
}
.project_item{
  position:relative;
  margin:auto;
  width:360px;
  height:240px;
  margin:0;
}
.project_text{
  position:absolute;
  margin:auto;
  right:12px;
  bottom:22px;
  font-size: 20px;
  font-weight: 300;
  color:#BBBBBB;
  text-align: right;
}
body{
  margin:0;
  position: relative;
  background-color:#D7D7D7;
  font-family: 'Montserrat', sans-serif;

}

a:link {
  color:black;
  text-decoration: none;
}

a:visited {
  color:black;
  text-decoration: none;
}

a:hover {
  color:black;
  text-decoration: underline;
}

a:active {
  color:black;
  text-decoration: underline;
}