@font-face {
  font-family: 'Flavors';
  src: url('https://weredog.nekoweb.org/assets/fontshit/flavors-regular-webfont.woff');
}
body {
	background-image:url('https://weredog.nekoweb.org/assets/bluebrick.jpg');
	font-family: 'Flavors';
}
audio {
	background-image: ;
}
#allcontain  {
width:90%;
}
#headcontainer {
	margin: 20px;
	height: auto;
	float: left;
}
#headingbox {
	width: 80%;
	height: auto;
	text-align: left;
	background-color: var(--black);
	color: var(--pink);
}
#container1 {
	width: 50%;
	height: 525px;
	float: left;
	text-align: center;
	background-image: url('https://weredog.nekoweb.org/assets/shelf.png');
	 background-repeat: no-repeat; 
}
#container2 {
  width: 49%;
  height: 500px;
  float: left;
  text-align: center;
  background-image: url('https://weredog.nekoweb.org/assets/hi.png');
  background-size: 500px;
  background-repeat: no-repeat;
  margin-top: 10%;
  color: rgba(245, 40, 145, 0);
}
#container3 {
	margin: 20px;
	margin-right: 15px;
	width: 45%;
	height: auto;
	float: left;
	text-align: center;
	margin-left: 90px;
}
#container4 {
	margin-top: 50px;
	width: 45%;
	height: auto;
	float: left;
	text-align: center;
}
#container5 {
	margin: auto;
	
	height: auto;
	
	text-align: center;
}
#chatbox{
	background-image: url('https://weredog.nekoweb.org/assets/laptop.png');
	height: 400px;
}
#talk{
background-image: url('https://weredog.nekoweb.org/assets/calliebg.png');
color: black;
text-align: center;
margin: auto;
width: 80%;
}
#content {
background-image: url('https://weredog.nekoweb.org/assets/test.png');
color: black;
text-align: center;
margin: auto;
width: 80%;
}
#pretty {
	background-image: url('https://weredog.nekoweb.org/planetbg.jpg');
	border: 4px dotted blue;;
}
#mrkrabs {
	margin: auto;
}