html, body {
	margin:				0;
	height:				100%;
}

body {
    color: #222;
	background-color:	#ddd;
    background-image:   url('/css/backdrop.png')
}

#center {
	max-width:			960px;
	margin:				auto;
	padding-top:		1rem;
	padding-bottom:		1rem;
	background-color:	#fbfbfb;
	text-align:			center;
    box-shadow: 0 0 2rem rgba(24, 12, 64, 1);
}

h1 {
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    letter-spacing: 0.25rem;
    border-bottom: 3px solid #eee;
    margin: 0 auto;
    max-width: 400px;
}

h2 {
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    width: 240px;
    margin: 2rem auto 1rem;
}
h2::after {
    display: block;
    content: '';
    background-color: rgba(128,192,255,0.3);
    width: 100%;
    height: 0.5rem;
    border-radius: 0.5rem;
    transform: translateY(-0.55rem);
}

h3 {
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

p {
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}