* {
  word-wrap:break-word;
  -webkit-text-size-adjust:100%;
  margin:0;
  padding:0;
  line-height:1.0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  font-size: 100%;
}
html{
}
body {
  font-family: "Yu Mincho", YuMincho, "MS Mincho", serif;fixed;
  background-color: transparent;
}
article{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  border:12px solid #fff;
}
header,section{
  display: block;
}
header {
  text-align: center;
  height: 310px;
  left: 2px;
  position: relative;
}
.load {
  animation: rotate-anime 30s linear infinite;
  width: 260px;
  opacity: 0.9;
}
@keyframes rotate-anime {
0%  {transform: rotate(0);}
100%  {transform: rotate(360deg);}
}
section{
  margin-top: -220px;
  margin-bottom: -220px;
  position: relative;
}
h1 {
  font-size: 50px;
  letter-spacing: -2px;
  font-weight: normal;
  font-family: 'Petit Formal Script', cursive;
  z-index: 2;
}
p#fast-menu {
  font-size: 16px;
  letter-spacing: 0px;
  margin-top:27px;
}
p#second-menu {
  font-size: 15px;
  letter-spacing: 0px;
  margin-top:16px;
}
a {
  text-decoration: none;
  color:#232323;
}
a:hover {
  color:#fb4454;
}
footer{
  position: absolute ;
  top: calc(50% + 59px);
  left: calc(50% - 50px);
  display:inline-block;
  width:100px;
  margin:0 auto;
  z-index: 3;
}
center{
  position: absolute ;
  top: calc(50% + 120px);
  left: calc(50% - 250px);
  display:inline-block;
  width:500px;
  margin:0 auto;
}