/* 
font-family: 'Big Shoulders Display', cursive; 300, 500, 700, 900
font-family: 'Libre Baskerville', serif; 400, 700
*/
:root {
	--primary-font: 'Big Shoulders Display',sans-serif;
	--secondary-font: 'Libre Baskerville', serif;
	--primary-color: rgba(186,55,45,1);
}

html {
	font-size: 62.5%;
	min-height: 100%;
}

body {
	font-family: var(--primary-font);
	font-weight: 300;
	font-style: normal;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	background: url('../img/static-screen-gif.gif') no-repeat top center;
	background-size: cover;
}

.container {
	height: 100%;
	max-height: 49.5rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.logo {
	max-width: 42rem;
}

h1 {
	font-family: var(--primary-font);
	color: var(--primary-color);
	text-transform: uppercase;
	font-size: 4rem;
}

small {
	font-family: var(--secondary-font);
	color: var(--primary-color);
	text-transform: uppercase;
	font-size: 1rem;
	letter-spacing: 1px;
}