/* Babble Explorer CSS Alpha 0.8 Copyright 2018 @Andrew_McGee McGee Technology */
/*                                                                             */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: rgb(238, 238, 238);
	color: DimGrey; 
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 42px;
}

a:link { color: DimGrey; text-decoration: none; }
a:visited { color: DimGrey; text-decoration: none; }
a:hover { color: Blue; text-decoration: none; }
a:active { color: DimGrey; text-decoration: none; }

.header {
	position: relative;
	border: 1px none;
	height: 40px;
}
.header div {
	background-color: rgb(238, 238, 238);
	width: 15%;
	padding: 5px;
	border-style: solid;
    border-width: 1px;
	border-color: lightgrey;
	border-radius: 8px;
	text-align: center;
}
#stat1 {
	float: left;
}

#stat2 {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

#stat3 {
	float: right;
}

.item {
	background-color: white;
	width: 30%;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom: 20px;
	padding: 30px;
	border-style: solid;
    border-width: 1px;
	border-color: lightgrey;
	border-radius: 8px;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	transition: color .5s, box-shadow .5s;
}
.item:hover {
	color: black; 
	box-shadow: 4px 4px 10px grey;
}

.title {
	font-family: Helvetica, sans-serif;
	font-size: 20px;
}

.inum {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	color: lightgrey;
}

.social  {
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
	color: lightgrey;
}

.social a:link, .social a:visited {
    color: LightGrey;
	text-shadow: none;
}
.social a:hover, .social a:active {
    color: White;
	text-shadow: 2px 2px 10px black;
}

.pad  {
	padding-right: 10px;
	margin-right: 10px;
}