* {
	font-family: sans-serif;
}

html {
	background-color: #5f5f5f;
}

#nav {
	background-color: black;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
}

#nav_arrow {
	filter: invert(1);
	height: 40px;
	width: 40px;
	margin: -5px;
	display: inline-block;
	float: right;
}

.rotate {
	transform: rotate(-180deg);
	transition: transform 0.15s;
}

.nav_text {
	color: white;
	font-family: sans-serif;
	text-decoration: none;
	border: 1px solid #454545;
	border-radius: 6px;
	padding: 7px;
}

.container {
	background-color: #720080;
	padding: 15px;
	border: 1px solid black;
	border-radius: 10px;
	display: inline-block;
}

h1 {
	font-family: sans-serif;
	color: #d01bee;
	margin: 0px;
	text-shadow: 1.5px 1.5px 3px white;
	display: inline-block;
}

h3 {
	color: red;
}

h4 {
	font-size: 23px;
}

a, p {
	color: #c0c0c0;
	text-decoration: none;
}