/**
 * @license
 * MyFonts Webfont Build ID 3882019, 2020-03-20T13:54:02-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Augereau-Italic by Abrams Legacy
 * URL: https://www.myfonts.com/fonts/abramslegacy/augereau/italic/
 * 
 * Webfont: Augereau-Regular by Abrams Legacy
 * URL: https://www.myfonts.com/fonts/abramslegacy/augereau/augereau/
 * 
 * Webfonts copyright: Copyright (c) 1996 by by Expert Alphabets International, Ltd. All rights reserved.
 * 
 * © 2020 MyFonts Inc
*/
/*@import url("//hello.myfonts.net/count/3b3c23");*/
@font-face {
	font-family:'Augereau';
	src:url('fonts/normal_normal_normal.woff2') format('woff2');
	font-style:normal;
	font-weight:normal;
	font-stretch:normal;
	font-display:swap;
}
@font-face {
	font-family:'Augereau';
	src:url('fonts/italic_normal_normal.woff2') format('woff2');
	font-style:italic;
	font-weight:normal;
	font-stretch:normal;
	font-display:swap;
}
/* ------------------------------------
			VARS	
-------------------------------------*/
:root {
	--tpr-black-gray:#101112;
	--tpr-dark-gray:#18191a;
	--tpr-yellow-gray:#787776;
	--tpr-light-gray:#aaaaa6;
	--tpr-red:#b34942;
	--tpr-yellow:#b89c45;
}
/* ------------------------------------
			RESET	
-------------------------------------*/
*, *:before, *:after {box-sizing:border-box;box-sizing:inherit}
::selection {background:var(--tpr-red);color:var(--tpr-black-gray);text-shadow:none}
::-moz-selection {background:var(--tpr-red);color:var(--tpr-black-gray);text-shadow:none}
footer, header, main {display:block}
/* a */
a {background:transparent;cursor:pointer}
a:focus {outline:0}
a, a:active, a:hover, a:visited {outline:0;text-decoration:none}
body {
	margin: 0;
	padding: 0;
	background-color: var(--tpr-black-gray);
	color: var(--tpr-light-gray);
	font-family: 'Augereau', Georgia, serif;
	font-weight: normal;
	font-size:16px;
	height: 100%;
	display: flex;
	justify-content: center;
}
header {
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin:0  0 1em;
	padding:3em 0 1.5em;
  background-color:var(--tpr-dark-gray);
	width:100%;
	height:150px;
	position: relative;
	z-index:12
}
header::after {
	content:'';
	position: absolute;
	width:120%;
	height:50px;
	bottom:0;
	left:-10%;
	box-shadow: 0 30px 25px rgba(0,0,0,.5);
}
.logo {
	position: relative;
	width:80px;
	height:80px;
	border-radius: 50%
}
img {
  width: 100%;
  height:auto;
}
main {
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width:100%;
	box-shadow: 0 0 20px rgba(0,0,0,1);
	position: relative;
	z-index: 2;
	overflow: hidden;
}
p {
	font-size:.9em
}
h1 {
  font-size: 1.35em;
  margin-bottom: 0.4em;
  color:var(--tpr-red);
	font-weight:400;
} 
h1 + p {
	margin:0 0 1em;
}
h2 {
	font-size:1.3em;
	margin:1em 0 0;
}
h2 + p {
	margin:0 0 2em;
	font-style: italic;
}
.stanza {
	text-align: center;
	color: var(--tpr-yellow);
	margin:0 0 0;
	font-size:1.2em
}
.poem {
	padding:1em .5em 13em 1em;
	max-width:720px
}
.poetry {
	white-space: pre-line;
	max-width:500px;
	margin:0 0 2em;
	line-height: 1.3em
}
@media screen and (min-width:370px){
	p {
		font-size: 1em
	}
	h1 + p {
		font-size: 1.1em;
	}
}
@media screen and (min-width:760px){
	h1 {
    font-size: 1.6em;
	}
	h2 {
    font-size:1.75em;
    margin:1em 0 0;
  }
	.stanza {
		font-size:1.5em
  }
	p {
		font-size:1.3em
	}
}