@font-face {                  
font-family: 'Jacquard12';
src: url(https://humantooth.neocities.org/fonts/Jacquard12-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
} 

@font-face {                  
font-family: 'Micro5';
src: url(https://humantooth.neocities.org/fonts/Micro5-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
} 

.PixelScroll {
font-family:DotGothic16, sans-serif;
font-size:16px;
color: grey;
background-color:#000000;
padding:0px;

}

body {
  background-image: url('https://glamourgoblin.neocities.org/design/bg-greyskulls.gif');
  font-color: white;
}
      h1 {
  font-family: Micro5;
  color: red;
}

      p {
    font-family: courier;
}

  b {
    font-family: courier;
    color: red;
}

      ul {
    font-family: courier;
}

l {
  font-family: courier;
  color: blue;
}

.HEADER {
  display: block;
  text-align: center;
  padding: 0px 0px;
  width: 100%
  margin: auto;
}

.container {  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "LEFT CENTER RIGHT";
}

.l-static {
grid-area: LEFT;
  background-color: black;
  background-image: url('https://i.pinimg.com/564x/79/33/e4/7933e4c1286c5b817c5e121283dd1759.jpg');
  background-size: cover;
  border: 3px solid red;
  border-radius: 7px;
  margin-left: 15%;
  margin-right: 0%;
  margin-bottom: 5px;
  padding: 5px;
  display: inline-block;
  height: 420px;
  overflow: hidden;
}

.l-scroll {
grid-area: LEFT;
  background-color: black;
  background-image: url('');
  background-size: cover;
  border: 3px solid red;
  border-radius: 7px;
  margin-left: 15%;
  margin-right: 15%;
  margin-bottom: 5px;
  padding: 5px;
  display: inline-block;
  height: 420px;
  overflow: auto;
    font-family: Courier, monospace;
  font-size: 11px;
  color: white;
}

.centerscroll {
  grid-area: CENTER;
  background-color: black;
  border: 3px solid red;
  border-radius: 7px;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 5px;
  padding: 5px;
  display: inline-block;
  height: 420px;
  overflow: auto;
  font-family: Courier, monospace;
  font-size: 11px;
  color: white;

}

.centerstatic {
  grid-area: CENTER;
  background-color: black;
    background-image: url('https://i.pinimg.com/564x/79/33/e4/7933e4c1286c5b817c5e121283dd1759.jpg');
  border: 3px solid red;
  border-radius: 7px;
  margin-left: 0%;
  margin-right: 5%;
  margin-bottom: 5px;
  padding: 5px;
  display: inline-block;
  height: 420px;
  overflow: auto;
  font-family: Courier, monospace;
  font-size: 11px;
  color: white;
  overflow: hidden;

}

.rightscroll {
  grid-area: RIGHT;
  background-color: black;
  border: 3px solid red;
  border-radius: 7px;
  margin-left: 15%;
  margin-right: 15%;
  margin-bottom: 5px;
  padding: 5px;
  display: inline-block;
  height: 420px;
  overflow: auto;
  font-family: Courier, monospace;
  font-size: 11px;
  color: white;
}

.main{
background-color: #000000;
text-align: center;
  border: 3px red;
  border-style: solid;
  border-radius: 5px;
font-size: 11px;
    padding:15px;
color: white;
  width:630px;
  height:auto;
font-family: Courier, monospace;
  font-size: 11px;
  font-color: white;
  margin-right: auto;
  margin-left: auto;

}

.gallery{
background-color: #000000;
text-align: center;
  border: 3px solid red;
  border-radius: 5px;
font-size: 11px;
    padding:10px;
color: white;
  width:650px;
  height:500px;
overflow-y:scroll;
overflow-x:hidden;
font-family: Arial, monospace;
  margin-right: auto;
  margin-left: auto;
}

.gallery2{
background-color: #000000;
text-align: center;
border: 3px solid red;
  border-radius: 5px;
font-size: 11px;
    padding:10px;
color: white;
  width:650px;
  height:350px;
overflow-y:hidden;
overflow-x:scroll;
    white-space: nowrap;
font-family: Arial, monospace;
  font-size: 11px;
  margin-right: auto;
  margin-left: auto;
}

.galleryXL{
background-color: #000000;
text-align: center;
border: 4px groove #8c00ff;
font-size: 11px;
    padding:10px;
color: white;
  width:650px;
  height:550px;
overflow-y:hidden;
overflow-x:scroll;
    white-space: nowrap;
font-family: Arial, monospace;
  font-size: 11px;
  margin-right: auto;
  margin-left: auto;
}
  
#galleryimg {
    filter: none;
    -webkit-filter: grayscale(0%);
   border-width:3px;  
border-style: groove;
  border-color:	#8c00ff;
}

#galleryimg:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
   border-width:3px;  
border-style: groove;
  border-color:	#cefc03;
}


.FOOTER {
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  text-align: center;
  padding: 5px 0px;
  width: 100%
}