body { 
 	font-size: 16pt;
 	font-family: "calibri", Helvetica, sans-serif;
  	padding-left: 2em;
  	padding-right: 2em;
  	color: white;
  	background-color: black; }
#nav {
	width: 100%;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
	background-color:black; }
#nav ul {
  	list-style: none;
	width: 100%;
  	margin: 0 auto;
  	padding: 0; }
#nav li {
  	float: right; }
#nav li a {  
  	display: block;
  	padding: 14px 16px;
	text-decoration: none;
	font-weight: bold;
	color: #0B4AF4; }  
#nav li a:hover {
	text-decoration: underline;
	color: red; }
#nav li a:visited {
	text-decoration:none;
	color:purple; }

.content {
  padding: 2em;
  width: 80%;
  margin-top: 30px;
  margin-left: 60px; }

.picture {
  margin: 20px 20px 20px 0px; }

.footer {
	padding: 0.4em;
	margin-bottom: 2em;
	bottom: 0;
	height: 0.75em;
  	width: 100%;
	font-size: 12pt; }
.left {
	float: left; }
.right {
	float: right; }

.socialmedia ul {
	list-style: none; }
.socialmedia li {
	display: inline; }
.socialmedia li a{
	display: inline; 
	font-size: 18pt;
	margin-right: 0.25em;
	color: white; } 

.mail {
  clear: both;
  float: right; }
a:link { text-decoration: none; 
  color: #0B4Af4; }
a:visited { text-decoration: none;
  color: purple; }
a:hover { text-decoration: underline;
  color: red; }