body {
	background-color: lightblue;
}

h1 {
	font-family: verdana;
	color:  #4dffc3;
	text-align: left;
	font-size: 20px;
}

h2 {
	font-family: verdana;
	color: #0099ff;
	text-align: center;
	font-size: 32px;
}

h3 {
	font-family: verdana;
	color: #ffffff;
	text-align: center;
	font-size: 24px;
}

h4 {
	font-family: verdana;
	color: #ffffff;
	font-size: 20px;
}

h5 {
	font-family: verdana;
	color: #d0aff4;
	font-size: 20px;
}

p {
	font-family: verdana;
	color: #000000;
	text-align: left;
	font-size: 16px;
}

img {
	border: 1px solid black;
	padding: 5px;
	height: 300px;
	width: auto;
	image-orientation: from-image;
} 

.link {
	font-family: verdana;
	background-color: #008cba;
	border: 2px solid #008cba;	
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	transition-duration: 0.4s;
	cursor: pointer;
}

.link:hover {
	background-color: white;
	border: 2px solid #008cba;
	color: #008cba;
}


ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {
	display: inline;
}

ul.pagination li a {
	color: black;
	float: left;
	padding: 8px 16px;
	margin: 0 4px;
	text-decoration: none;
	transition: background-color .3s;
	border: 1px solid #ddd;
}

ul.pagination li a.active {
	background-color: #4CAF50;
	color: white;
	border: 1px solid #4CAF50;
}

ul.pagination li a:hover:not(.active) {
	background-color: #ddd;
}

ul.breadcrumb /*The background/misc stuff*/ {
	padding: 8px 16px;
	margin: 0px 4px;
	list-style: none;
	background-color: #ddd;
}

ul.breadcrumb li /*The active link*/ {
	display: inline;
	font-family: verdana;
	font-size: 16px;
	color: #0099ff;
}

ul.breadcrumb li+li:before /*The slashes in between*/ {
	padding: 8px;
	color: black;
	font-family: verdana;
	font-size: 16px;
	content: "/\00a0";
}

ul.breadcrumb li a /*The inactive links*/ {
	color: black;
	font-family: verdana;
	font-size: 16px;
	text-decoration: none;
	}

#date {
	border-radius: 10px;
	background: #0099ff;
	margin: 30px 30px;
	padding: 20px 20px;
	text-align: center;
	box-sizing: border box;
	width: 130;
}

.video {
	width: 480;
	height: 360;
}

.image {
	attribute(alt): "Don't look! >.<";
	image-orientation: from-image;
}