html{
  background-color: #424543;
  background-image: url(images/purty-wood.png);
  background-size: 12%;    
}
#bodycontainer {
  margin: auto;
  width: 1080px;
  background-image: url(images/rainsong2bg.jpg);  
  background-size: 100%;
  color: #c1bbbf;
  font-family: Andale Mono;
  text-align: center;
  border: 20px solid #c1bbbf;
  position: relative;
}
img {
  width: 600px;

}
@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: 'Ojuju';
src: url(https://humantooth.neocities.org/fonts/Ojuju-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
} 
@font-face {                  
font-family: 'Faune-Italic2';
src: url(https://humantooth.neocities.org/fonts/Faune-Italic.woff) format('woff');
font-weight: normal;
font-style: normal;
} 
@font-face {                  
font-family: 'DarkerGrotesque';
src: url(https://humantooth.neocities.org/fonts/DarkerGrotesque-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
} 
@font-face {                  
font-family: 'Barecast-Thin';
src: url(https://humantooth.neocities.org/fonts/Barecast-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
} 

h1 {
  font-family: Faune-Italic;
  font-size: 72px;
}
h2 {
  font-family: Barecast-Thin;
  font-size: 20px
}
p {
  font-family: DarkerGrotesque;
  font-size: 30px; 
}
button {
  background-color: #c1bbbf;
  border: none;
  color: black;
  font-family: DarkerGrotesque;
  font-size: 30px;
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;

}
audio {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}