:root {
	--primary-bg-color: teal;
	--primary-color: white;
	--primary-font: helvetica
}

* {
	font-family: helvetica, arial;
}

body {
	background-color: var(--primary-bg-color);
	background-size: cover;
}

h1 {
	color: var(--primary-color);
}

.coming-soon {
	color: purple;
	text-shadow: 2px 2px white;
}

h3 {
	color: var(--primary-color);
}

p {
	color: var(--primary-color);
}

figcaption {
	color: var(--primary-color);
}

.navbar {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #660066;
	outline-style: solid;
	outline-color: white;
}

.collect_navbar {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #660066;
	outline-style: solid;
	outline-color: white;
}

ul li {
	float: left;
	display: block;
	color: white;
	text-align: center;
	padding: 10px 12px;
	text-decoration: none;
}

ul li a {
	display: block;
	color: white;
	text-align: center;
	padding: 10px 12px;
	text-decoration: none;
}

ul li p {
	
}

ul li a:hover {
	background-color: #111111;
}

.bgimg {
	opacity: 0.5;
}