html
{
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}

body
{
	margin:0
}

h1
{
	font-size:2em;
	margin:.67em 0;
	font-weight:700
}

html
{
	background:#000
}

body
{
	font-family:Inter,"Inter","Times New Roman",serif;
	min-height:100vh;
	color:#57585c;
	color:var(--color-text);
	background-color:#000;
	overflow:hidden
}

.specs
{
	--color-text:#1ed97c;
	--color-link:#fff;
	--color-link-hover:#fff;
	--color-title:#fff
}

.frame
{
	padding:3rem 5vw;
	text-align:center;
	position:relative;
	z-index:1000
}

.frame__title
{
	font-size:1rem;
	margin:0 0 1rem;
	font-weight:400
}

.content
{
	display:flex;
	flex-direction:column;
	width:100vw;
	height:calc(100vh - 13rem);
	position:relative;
	justify-content:flex-start;
	align-items:center
}

.content__title
{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	margin:-10vw 0 0;
	z-index:100;
	font-size:6vw;
	color:var(--color-title);
	line-height:1
}

.content__subtitle
{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	margin:-1vw 0 0;
	z-index:100;
	font-size:2vw;
	color:var(--color-title);
	line-height:1
}

@media screen and (min-width:53em) {
	.frame
	{
		position:fixed;
		text-align:left;
		z-index:10000;
		top:0;
		left:0;
		display:grid;
		align-content:space-between;
		width:100%;
		max-width:none;
		height:100vh;
		padding:2rem 2.25rem;
		pointer-events:none;
		grid-template-columns:25% 50% 25%;
		grid-template-rows:auto auto auto
	}
	
	.frame__title
	{
		margin:0
	}
	
	.frame a
	{
		pointer-events:auto
	}
	
	.content
	{
		height:100vh;
		justify-content:center
	}
}