body {
  background-image:url('https://server-x.neocities.org/2025-07-07_20.21.30.png');
  color:#ffffff;
  font-size: 20px;

  font-family: Verdana;
}
.flex {
  display: flex;
  
   gap: 10px;
    
}
.artflex {
  order: 5;
  display: flex;
  justify-content:space-between;
   gap: 10px;
  flex-direction:column;
    
}



.right {
  order:0;
  max-height: 3500px;
  
  max-width:7000px;
  text-align:center;
  background-image:url('https://server-x.neocities.org/texture.png');
  color:#ffffff;
   
  border: 2px solid;
 
}


.io{
 order:6;
  max-height: 1100px;
  align-self: start;
  
  max-width:500px;
    margin-top:3%;
    margin-bottom:20%;
  background-image:url('https://server-x.neocities.org/texture.png');
  color:#ffffff;

 padding:25px;
 border: 1px solid;

}
.ho{
  
 order:6;
 maxheight:160px;
 width:160px;
  text-align:left;
  margin-left: 85%;
  margin-top:-35%;
border: 1px solid;
  padding:25px;
  
 background-image:url('https://server-x.neocities.org/texture.png');
  color:#ffffff;
}

.galery {
  display: flex;
  flex-wrap: wrap;
  width:2000px;
}
.gallery img {
  width:300px; 
  height:300px; 
  object-fit:cover;
}
.gallery > div {
  width:300px;
  height:300px; 
  margin-right:180px; 
  margin-bottom:180px; 
}

.gallery img:hover {
  transform:scale(2.5); 
  object-fit:contain; 
}