body {
  background-image: url("snc.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: flex-start; width: 100vw; overflow-y: scroll;}

.maincontainer {
height: 70%;
width: 40%;
border: 5px #870c5e solid;
background-color: #b99aed;
padding: 5px;  
overflow-y: scroll;
color: black;
}
.holdimg {
  width: 100%;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
.maincontainer img {
max-width: 50%;
padding: 5px;
  
  
}
.maincontainer h {
width: 100%;
text-align: center;
color:  black;
font-size: 35px;
display: inline-block;
  
}
.art {
width: 80%;  
 height: 90%;
border: 5px #870c5e solid;
background-color: #b99aed;
padding: 5px;  
overflow-y: scroll;
color: black; 
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.art img {
 max-width: 95%;
 height: auto;
  
}
.column {
height: 70%;
width: 20%;
display: flex;
justify-content: center;
align-items: center;
} 
  .hold {
 
 width: 40%;
 height: 90%;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: flex-start;
  }
.hold2 {
 width: 40%;  
 height: 70%;
 display: flex;
 flex-wrap: wrap; 
 justify-content: center;
 align-items: center;
  
}
.button1 {
 height: 20%;
 width: 20%;
 text-align: center;
 color: #a8156b;
 background-color: #e53d78;
 border: 5px solid black;
 display: flex;
   flex-wrap: wrap; 
 justify-content: center;
 align-items: center;
 font-family: drop; 
 font-weight: bold;
}
.button2 {
 height: 20%;
 width: 20%;
 text-align: center;
 color: blue;
 background-color: #4fb2c1;
 border: 5px solid blue;
  display: flex;
   flex-wrap: wrap; 
 justify-content: center;
 align-items: center;
font-family: drop;  
 font-weight: bold;  
}
.button3 {
 height: 20%;  display: flex;
   flex-wrap: wrap; 
 justify-content: center;
 align-items: center;
 width: 40%;
  
  
}
.title {
height:50%;
width: 100%;
justify-content: center; 

display: flex;  

color: #34bc6d;
 
}
.title p {
 font-size: 130px;
font-family: sf; 
 text-shadow: -5px -5px 0.2em #000, 5px -5px 0.2em #000, -5px 5px 0.2em #000, 5px 5px 0.2em #000;
 padding-top: 20px; 
}