@font-face
{
font-family: AverageMono;
src: url(../../fonts/AverageMono.ttf);
font-weight: normal;
}



body {
	font-family: AverageMono;
	font-size: 0.7em;
	font-weight: normal;
	font-style: normal;
	color: rgb(10, 10, 10);
	background-color: white;
	
}



a:link {
	color: rgb(100, 100, 100);
	text-decoration: none;
}

a:visited {
	color: rgb(100, 100, 100);
	text-decoration: none;
}

a:active {
	color: rgb(100, 100, 100);
	text-decoration: none;
}

a:hover {
	
	color: rgb(100, 100, 100);
	text-decoration: none;
	
}





div#speechbox1 {
	position: absolute;
	top: 20%;
	left: 10%;
}


div#speechbox2 {
	position: absolute;
	top: 30%;
	left: 20%;
}

div#speechbox3 {
	position: absolute;
	top: 20%;
	left: 30%;
}

div#speechbox4 {
	position: absolute;
	top: 30%;
	left: 40%;
}



div#speechbox5 {
	position: absolute;
	top: 20%;
	left: 50%;
}


div#speechbox6 {
	position: absolute;
	top: 30%;
	left: 60%;
}

div#speechbox7 {
	position: absolute;
	top: 20%;
	left: 70%;
}

div#speechbox8 {
	position: absolute;
	top: 30%;
	left: 80%;
}




div#soundbox1 {
	position: absolute;
	top: 50%;
	left: 10%;
	
}

div#soundbox2 {
	position: absolute;
	top: 60%;
	left: 20%;
}

div#soundbox3{
	position: absolute;
	top: 50%;
	left: 30%;
}

div#soundbox4 {
	position: absolute;
	top: 60%;
	left: 40%;
}


div#soundbox5 {
	position: absolute;
	top: 50%;
	left: 50%;
	
}

div#soundbox6 {
	position: absolute;
	top: 60%;
	left: 60%;
}

div#soundbox7 {
	position: absolute;
	top: 50%;
	left: 70%;
}

div#soundbox8 {
	position: absolute;
	top: 60%;
	left: 80%;
}