html, body{
    background-color: #C1BFB2;    
    font-family: 'Courier New', Courier, monospace;

}


.bodycont{

max-width: 100%;

}

.main {

display: flex;
width: 100%;

}

.galbody{
      background-color: #1a1a1a;    
padding: min(10px, 1%);
margin: auto;
width: 80vw;

}

.titelgal{
     background-color: #C1BFB2;   
     margin: 1em;
}

.titelgal p, h2{
    padding: 0.2em 0.5em 0em 0.5em;
}


.gallery{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;


}



.check{
    display: none;
}

.img{
 width: max(20%, 200px);   

 margin: 1%;   
padding: auto;
flex-grow: 1;
overflow: auto;
}

.bannerimg{
   width: max(100%, 200px);   
}

.img img, .bannerimg img{
    max-width: 100%;
}

.long{
    max-height: 35vh;
}

.fullsize{

background-color: #1a1a1af1;
    z-index: 999;
position: fixed;
min-width: 100vw;
min-height: 100vh;
overflow: auto;
  left:0px;
top: 0px;
margin: 0%;
        display: flex;
  justify-content: center;
  align-items: center;
}

.longfullsize{

background-color: #1a1a1af1;
    z-index: 999;
position: fixed;
min-width: 100vw;
min-height: 100vh;
overflow: auto;
  left:0px;
top: 0px;
margin: 0%;
        display: flex;
  justify-content: center;
}


.fullsize img, .longfullsize img{
  max-width: clamp(300px, 80vw, 800px );
  position: absolute;
    border-radius: 0px;
    border: 3px double #000000;
}




/*neocities when will u update dis shit