body {
  background-image: url("fuji.png");
  background-repeat:no-repeat;
     background-size: cover;
       overflow: hidden;
  color: black;
    font-family: "drop";
      font-size:25px;
  cursor: url("gohei.ico"), default;
}
@font-face {
  font-family: "sf";
  src: url("Satisfactory.ttf") format("truetype");
}
@font-face {
  font-family: "drop";
  src: url("dropline.otf") format("opentype");
}
@font-face {
  font-family: "gob";
  src: url("gob.ttf") format("truetype");
}
.flex {display:flex; justify-content: center; height:100vh; flex-wrap: wrap; align-items: center; width: 100vw; overflow-y: scroll;}

.container1 {
height: 600px;
width: 400px;
border: 5px #911f1f solid;
background-color: #ede1d5;
padding: 5px;  
overflow-y: scroll;
}
.holdimg {
  width: 100%;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
.container1 img {
max-width: 50%;
padding: 5px;
  
  
}
.container1 h {
width: 100%;
text-align: center;
color: #d31313;
font-size: 35px;
display: inline-block;
  
}
.reimubox {
height: 600px;
width: 400px;
}
.reimubox img {
height: 100%;  
  
}
.header {
width: 100%;
border-bottom: 5px dashed #911f1f;
height: 40px;
  
}
.footer {
width: 100%;
border-top: 5px dashed #911f1f;
height: 40px;  
}
.title {
height:200px;
width: 100%;
justify-content: center; 
display: flex;  
font-size: 130px;
font-family: sf;
color: #d31313;
 text-shadow: -5px -5px 0 #000, 5px -5px 0 #000, -5px 5px 0 #000, 5px 5px 0 #000;
 padding-top: 20px;
}
.buttons {

display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
width: 600px;
height: 600px;
  
}
.buttons img {
 width: 30%;
 height: 30%;
  
}
.buttons a {
 width: 30%;
 height: 30%;
  
}
.buttons a img{
 width: 100%;
 height: 100%;
  
}
#h:hover{
background-image: url("hifuu2.png");
 background-repeat:no-repeat;
     background-size: cover;
}
#h{
background-image: url("hifuu1.png");
 background-repeat:no-repeat;
     background-size: cover;
}
#g:hover{
background-image: url("genso2.png");
 background-repeat:no-repeat;
     background-size: cover;
}
#g{
background-image: url("genso1.png");
 background-repeat:no-repeat;
     background-size: cover;
}
#p:hover{
background-image: url("hi2.png");
 background-repeat:no-repeat;
     background-size: cover;
}
#p{
background-image: url("hi1.png");
 background-repeat:no-repeat;
     background-size: cover;
}
.holder {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 5px;
}

.divandbox {
height: 50px;
width: 100%;
}