@charset "utf-8";
/*============================================================================*\
	CSS for Placeholder Pages
	------------------------------------------------------------------------
	Designed and Built by Brian Sexton
	https://briansexton.com/
	------------------------------------------------------------------------
	© 2017 Brian Sexton
	------------------------------------------------------------------------
	Thanks to Unsplash (https://unsplash.com/), Unsplash Source
	(https://source.unsplash.com/), and their contributors for the
	background images.
\*============================================================================*/

body
{
	
	color: #fff;

	display: flex;

	flex-direction: column;

	align-items: center;
	
	justify-content: top;

	padding: 0;

	height: 180vh;

	margin: 0
}

body::after {
  content: "";
  background: #ccc url(../images/mac-glasses.jpg) center center/cover fixed;
  opacity: 0.7;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

body > header
{
	padding-top: 100px;
	text-align: center
}

h1
{
	font-family: 'Bree Serif', serif;

	text-shadow: 2px 2px 2px #000;

	margin: 1em 0 0 0
}

h2
{
	border-radius: 1em;

	background-color: rgba(0,0,0,0.25);

	padding: 0.5em 0.75em;

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;

	text-shadow: 2px 2px 2px #333;

	margin: 1em 0 0 0
}

body > header > img.featured
{
	display: block;

	width: 256px; /* Half of the intrinsic image width. */
	height: 222px; /* Half of the intrinsic image height. */

	opacity: 0.75
}

body > header > p.initial
{
	display: flex;

	font-family: 'Bree Serif', serif;
	font-size: 10em;

	align-items: center;
	justify-content: center;

	background: url(../images/hexagon-007889-512x444.png) center center/256px 222px no-repeat;

	width: 256px; /* Half of the intrinsic image width. */
	height: 222px; /* Half of the intrinsic image height. */

	opacity: 0.75
}

.buttons
{
	margin: 2em 0 0 0
}

.btn-group + .btn-group
{
	margin-left: 1em
}