html{
  background-color:black;
  background-image: url(images/subtle-stripes.png);
  background-size: 5%;    
}
#bodycontainer { 
  margin: auto;
  width: 1080px;
  background-image: url(images/jellyfpurplish.jpg); 
  background-color: black;
  background-size: 100.2%;
  background-repeat: repeat-y;
  color: #8888b5;
  font-family: 'Aber-Mono';
  text-align: center;
  border: 20px dashed #8888b5;
  position: relative;
}
background-image{
  opacity: .5;
}

a{
  text-decoration: underline; 
  color: #8888b5;
}

@font-face {                  
font-family: 'Aber-Mono'; 
src: url(https://humantooth.neocities.org/fonts/Aber-Mono-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
}    
#header{
  font-family: 'BBBInvader';
  font-size: 72px;
  color: #8888b5;
}
#img{
  width: 915px;
}
#gif{
  width: 600px;
  border: 3px dashed #8888b5;
}
@font-face {                  
font-family: 'BBBInvader';
src: url(https://humantooth.neocities.org/fonts/BBBInvader-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
} 
#hcontainer {
  margin: 10px 80px 20px 80px;
  background-color: black;
  padding: 0px;
  border: 3px dashed #8888b5 ;
  background-image: url(images/subtle-stripes.png);
}
#pcontainer {
  margin: 10px 235px 20px 235px;
  background-color: black;
  padding: 20px;
  border: 3px dashed #8888b5;
}
@font-face {                  
font-family: 'Gothamono';
src: url(https://humantooth.neocities.org/fonts/Gothamonov0.2-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
} 
@font-face {                  
font-family: 'CHNOPixel';
src: url(https://humantooth.neocities.org/fonts/CHNOPixelCodePro-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
} 

#deco {
  float: left;
  background-repeat: repeat-x;
  background-image: url(decorations/piano.gif);
  height: 20px;
  width: 100%
}
#deco2 {
  float: right;
  background-repeat: repeat-x;
  background-image: url(decorations/piano.gif);
  height: 20px;
  width: 100%;
}