.Background
{
	width: 100%;
	height: 100%;
	position: fixed;
	right: 0;
	bottom: 0;
	object-fit: fill;
}

.VideoAttribution
{
	position: fixed;
	bottom: 0;
	width: 100%;
}

.VideoAttribution *
{
	display: block;
	text-align: center;
	color: #105;
}

.Main
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

h1
{
	font-size: 6.45vw;
	font-family: Oldventure;
	color: white;
	text-align: center;
}

h2
{
	font-size: 2.42vw;
	font-family: Blackjack;
	color: #ccc;
	text-align: center;
}

p
{
	font-size: 1.45vw;
	text-align: center;
	font-family: Alegreya;
	color: #ddd;
	margin-left: 25%;
	margin-right: 25%;
}

a
{
	color: #8df;
}

.Dog
{
	position: fixed;
	bottom: 1vw;
	right: 1vw;
}

.Dog h2.Outline
{
	position: absolute;
	right: 0px;
	bottom: 25px;
	margin-bottom: 0;
	width: 100vw;
	padding-right: 210px;
	text-align: right;
	overflow: visible;
	display: inline;
	text-stroke: 4px black;
	-webkit-text-stroke: 4px black;
	z-index: -1;
}

.Dog h2
{
	position: absolute;
	right: 0px;
	bottom: 25px;
	margin-bottom: 0;
	width: 100vw;
	padding-right: 210px;
	text-align: right;
	display: inline;
	z-index: -1;
}

@media only screen and (max-width: 980px) and (orientation: portrait)
{
	.Background
	{
		width: 200%;
	}

	h1
	{
		font-size: 16.45vw;
	}

	h2
	{
		font-size: 8vw;
		font-family: Blackjack;
		color: #ccc;
		text-align: center;
	}

	p
	{
		font-size: 6vw;
		text-align: center;
		font-family: Alegreya;
		color: #ddd;
		margin-left: 5%;
		margin-right: 5%;
	}

	p:last-child
	{
		margin-bottom: 250px;
	}

	.Main
	{
		position: fixed;
		width: 100vw;
		height: 100vh;
		margin: 0;
		padding: 0;
		--mask: linear-gradient(to bottom, rgba(0, 0, 0, 1) calc(100% - 250px), rgba(0, 0, 0, 0) 100%)
		        center / cover
						repeat-x;
		-webkit-mask: var(--mask);
		mask: var(--mask);
		overflow-y: scroll;
	}
}