@font-face{
  font-family: "Hui";
  src: url("../fonts/HuiFont29.ttf");
}

html {
  font-size: 62.5%; /* これでおおよそ10pxになる。 */
  font-family: "Hui";
}

html {
  background-color: black;
}

body{
  display:flex;
  flex-direction:column;
  justify-content:cenrer;
  align-items:center;
  color:white;
}

#main-title {
  font-weight: normal;
  font-size: 4rem;
  margin: 40px 0 20px 0;
  text-align: center;
  font-style: italic;
  letter-spacing:-2px;
}

main {
  width:100%;
  max-width:640px;
  min-width:400px;
  margin:0 auto 80px;
}

#header-text {
  padding: 10px;
  font-size: 2.6rem;
  margin:20px 0 20px 0;
  border-bottom: 2px solid white;
}

.sub-title{
  margin:30px 0 0 0;
  font-weight:normal;
  font-size:2.5rem;
  border-bottom: 1px solid white;
}

.item-favorite{
  margin:30px 0 0 0;
  font-size:2.6rem;
}

.content-favorite{
  margin:0;
  font-size:1.8rem;
  line-height:3.1rem;
  font-family:sans-serif;
}

.item-story{
  margin:30px 0 0 0;
  font-size:2.7rem;
}

.author-story{
  margin:15px 0 10px 0;
  font-size:2.2rem;
  color:rgb(105, 224, 224);
}

.content-story{
  margin:10px 0 0 0;
  font-size:1.8rem;
  line-height:3.1rem;
  font-family:sans-serif;
}

#footer{
  font-family:"Hui";
  font-style:italic;
  border-top: 1px solid white;
  position:fixed;
  width:100%;
  height:66px;
  left:0px;
  bottom: 0px;
  background-color: rgba(0,0,0,0.75);
  /* 水平・垂直方向の中央揃え */
  display: flex;
  justify-content: center;
  align-items: center;
}

#link-back{
  color:white;
  font-size:3.6rem;
  text-decoration: none;
}