html { 
	color-scheme: light dark; 
	}
body { 
	background-image: url("img/bg.jpg"); 
	color: tomato; 
	width: 66%; 
	margin: auto;
	font-family: Tahoma, Verdana, Arial, sans-serif; 
	}
div { 
	background: DodgerBlue; 
	border-style: solid;
	border-width: 3px;
	width: 50%;
	}
a:link {
	color: #0000FF;
	}
a:hover {
	color: #DD0000;
	}
a:active {
	color: #FF0000;
	}
a:visited {
	color: #551A8B;
	}
a:visited:hover {
	color: #DD0000;
	}
ul.navbar {
	position: fixed;
	width: 120px;
	top: 15px;
	right:15px;
	background: lawngreen;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	border-style: solid;
	border-width: 3px;
	list-style-type: none;
	margin: 20px;
	padding: 20px;
	}
p.punchline{
	font-style: italic;
	}
img.funny {
	float: right;
	}
img.sunshine {
	height: 150px;
	width: 225px;
	position: fixed;
	top: 10px;
	left: 10px;
	border: 3px solid tomato;
	}
img.centre {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.back {
	position: fixed;
	top: 20px;
	left: 20px;
	}