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

html{
  font-size:62.5%;
}

body{
  margin:0;
  width:100%;
  background-color:black;
}

main{
  width:60%;
  min-width:400px;
  margin:0 auto;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
}

#title{
  font-size:3.7rem;
  font-weight:normal;
  color:white;
  font-family:"Hui";
  margin:20px;
}

.section{
  color:white;
  font-size:3rem;
  font-weight:normal;
  align-self:flex-start; /* align-selfを使うと個別にアラインメントできる */
  margin:20px 0 10px 10px;
  font-family:"Hui";
}

.content{
  color:white;
  font-size:1.8rem;
  margin:20px 10px 10px 10px;
  line-height:2.8rem;
}

.sub-text{
  color:white;
  font-size:1.6rem;
  margin:0;
}

ol{
  align-self:flex-start;
}

li{
  margin:10px 0;
}

.index{
  color:white;
  font-size:2rem;
}

.link{
  text-decoration:none;
  color:white;
}

.link:hover{
  color:aquamarine;
}

#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;
}