index.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Sound-ificator-inator</title>
		<link rel="stylesheet" href="styles.css">
	</head>
	<body>
		<script type="module" src="src/bg.js"></script>
		<script type="module" src="src/getRequests.js"></script>
		<div class="title">
			<span style="color: rgb(201, 148, 219);">SOUND</span> -
			<span style="color: rgb(111, 197, 232);">IFICATOR</span> -
			<span style="color: rgb(141, 233, 141);">INATOR</span>
		</div>
		<div class="selection" >
			<button id="1" class="purple">Ambiance 1</button>
			<button id="2" class="blue">Ambiance 2</button>
			<button id="3" class="green">Ambiance 3</button>
		</div>
		<div class="reset">
			<button id="reset">Calibrate Orientation</button>
		</div>
	</body>
</html>