body {
	color: #000000;
	background: linear-gradient(to top left, #03010d, #320957, #741c69, #d2463f, #ee6b1c, #fca50a, #f5d542) no-repeat fixed center;
	outline-style: solid;
	outline-color: #000000;
	padding: 10px;

}

/* honestly, no idea what this does */
* {
	box-sizing: border-box;
}

/* title styling */
h1 {
	text-align: center;
	padding: 10px;
}

h2 {
	text-align: center;
	padding: 10px;
}


/* Style the top navigation bar */
.navbar {
	overflow: hidden;
	padding: 10px;
	outline-style: solid;
	outline-color: #000000;
}

/* Style the topnav links */
.navbar a {
	color: #000000;
	text-align: center;
	float: left;
	text-align: center;
	padding: 1em;
	text-decoration: none;
	border-radius: 0px;
	width: 120px;
	height: 75px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;

}

/* Change color on hover */
.navbar a:hover {
	background-color: #000000;
	color: white;
	border-color: #ffffff;
	border-style: solid;
	border-width: 4px;
	padding: 13px
}

/* Style the content */
.content {
	text-align: center;
	padding: 10px;
}

/* Style the footer */
.footer {
	text-align: center;
	outline-style: solid;
	outline-color: #000000;
	padding: 10px;
}