@font-face { font-family: kindergarten ;
  src: url('https://file.garden/ZzAFOQ4MgBkQ6IrR/fonts/kindergarten.ttf'); }


h1 {
  font-family: kindergarten;
 paint-order: stroke fill;
   background:linear-gradient(to left, #ffe324, #ff0040, #ff0040, #3399ff, #3399ff, #ffe324);
  -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  background-size:350px;
  background-repeat:repeat;
  
  font-size:50px;
}



.headerbs
{
  height:150px;
}
.gallery
{
  overflow-y:scroll;
  background-color:
#f2f2f2;
  padding:8px 15px;
  margin:auto;
  width:840px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  gap: 12px 10px;
  grid-auto-flow: row;
  border:1px solid black;
  margin-bottom:150px;
}
.pic
{
  filter:grayscale(100%);
  object-fit:contain;
  overflow:hidden;
  height:200px;
  width:200px;
  border: 1px solid black;
} 
.pic:hover
{
   filter:grayscale(0%);
  border-image: linear-gradient(to top, red, blue) 1;
  border-width:2px;
}

.linear
{
   margin:0;
   /*background-image:linear-gradient(to top, #6699ff, #ff99cc);*/
    /*background:linear-gradient(to top, #ffe6f7, #e6eeff);*/
  background:linear-gradient(to top, #0d0d0d, #262626);
    background-size:auto;
    width:100vw;
    position: fixed;
}
  body 
  {
    margin:0;
    height:max-height;
    width:100%;
    text-align:center;
  }

::-moz-selection { /* Code for Firefox */
  color: red;
  background: yellow;
}

::selection {
  color: red;
  background: yellow;
}