html{
 background-color: #193c42;
 background-image: url("images/puddle.jpg");
  background-size: 68%;
  background-repeat: round;
}
#bodycontainer { 
  margin: auto;
  width: 1080px;
  background-image: url(images/basketball.png);   
  background-size: 15%;
  
  background-color: #1a2e26;
  color: #99acb8;
  font-family: 'Barecast';
  text-align: center;
  border: 20px solid #495e56;
  position: relative;
}

#deco{
  background-image: url(decorations/oil2.gif);
  background-repeat: repeat-x;
  height: 20px; 
}

#deco2{
  background-image: url(decorations/oil2.gif);
  background-repeat: repeat-x;
  height: 50px; 
  transform: scaleY(-1);
}

a{ 
  text-decoration: underline;
  color: #99acb8;
}
@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: 'Faune-Italic';
  font-size: 64px;
  color: #001a16;
  text-shadow: 1px 1px 0px  #99acb8, -1px 1px 0px  #99acb8, -1px -1px 0px  #99acb8, 1px -1px 0px  #99acb8;
  
}
#img{
  width: 760px;
}
#gif{
  width: 600px;
  border: 3px dotted #99acb8;
}
#img2{
  width: 380px;
}

@font-face {                  
font-family: 'Faune-Italic';
src: url(https://humantooth.neocities.org/fonts/Wavetosh.woff) format('woff');
font-weight: normal;
font-style: normal;
} 

@font-face {                  
font-family: 'Quarantype';
src: url(https://humantooth.neocities.org/fonts/Quarantype-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
} 
 
@font-face {                  
font-family: 'BPnoScript';
src: url(https://humantooth.neocities.org/fonts/BPnoScript.woff) format('woff');
font-weight: normal;
font-style: normal;
} 
#hcontainer {
  margin: 10px 150px 10px 150px;
  background-color: #618b9e;
  background-image: url(images/rainvisual3.jpg); 
  background-size: 100%;
  padding: 10px;
  border: 3px dotted #99acb8;
 
}
#pcontainer {
  margin: 10px 150px 20px 150px;
  background-color: #001a16;
  padding: 20px;
  border: 3px dotted #99acb8;
  text-align: justify;
}

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