* {
  margin: 0;
  padding: 0;
}

body {
  font: 400 16px Georgia, "Xin Gothic", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei", sans-serif;
  color: #535353;
  background: #fff;
}

@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:30px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

#back a {
    color: black;
    font-size: 150%;
    position: fixed;
    left: 4%;
    top: 3vh;
    z-index: 99;
    font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    text-decoration: none;
}
#back a:hover {
    color:blue;
}

#container {

    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    margin-top: 20vh;

}

#publications {
    margin: 0 auto;
    text-align: left;
}


#publications article:before {
	content: " ";
    border: 1px solid black;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
}

img {
    width: 128px ;
    height: 128px;
    border-radius: 64px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 25px;
}

#name {
    font-weight: 900;
    font-size: 30px;
    letter-spacing: .13em;
}

#motto {
  margin-top: 6px;
    margin-bottom: 18px;
    color: #999;
  font-weight:100;
  font-size:18px;
}

#link a{
    color: #535353;
  text-decoration: underline;
}

#link a:hover {
color: #1466DE;
}