@font-face
{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('opensans600.woff') format('woff');
}

@font-face
{
	font-family: 'icons';
	src: url('icomoon.ttf?swvi1m') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.i, .il
{
	font-weight: 300;
	text-decoration: none;
	font-family: 'icons';
	-webkit-font-smoothing: antialiased;
}

.il
{
	cursor: pointer;
}

.ilink:before {
	content: "\e900";
}
.iplay:before {
	content: "\e901";
}
.irepeat:before {
	content: "\e902";
}

*, *:hover, *:focus, *:visited, *:active, *:link
{
	outline: none;
}

*
{
	font-family: "Open Sans", Arial;
	font-weight: 600;
}

body
{
	display: block;
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#player
{
	display: none;
}

#play
{
	display: block;
	position: relative;
	width: 70vh;
	margin: 10vh auto 20vh auto;
	padding: 0px;
	font-size: 70vh;
	line-height: 70vh;
	text-align: center;
	cursor: pointer;
}

h1, #text
{
	display: none;
	position: relative;
	height: 70vh;
	margin: 10vh auto 20vh auto;
	padding: 0px;
	font-size: 25vh;
	line-height: 70vh;
	text-align: center;
	word-spacing: 5vh;
	overflow: hidden;
}

#controls
{
	display: block;
	position: fixed;
	bottom: 3vh;
	left: 0px;
	right: 0px;
	max-height: 13vh;
	text-align: center;
	overflow: hidden;
}

#repeat, #link
{
	display: inline-block;
	margin: 0px 10vh 0px 10vh;
	padding: 3vh;
	cursor: pointer;
	font-size: 5vh;
	line-height: 10vh;
	color: rgb(130,130,130);
}

#repeat:hover, #link:hover, span.enabled
{
	color: black !important;
}

#repeat span.i, #link span.i
{
	padding: 0px 7px 0px 0px;
}

#jserror
{
	display: none;
	width: 100%;
	color: red;
	font-size: 10vh;
	word-spacing: 1vh;
}

@media screen and (max-aspect-ratio: 1/1)
{
	#play
	{
		width: 100vw;
		margin: 10vh auto 20vh auto;
		font-size: 70vw;
		line-height: 90vw;
	}
	
	h1, #text
	{
		height: 70vh;
		font-size: 10vh;
		line-height: 90vw;
		word-spacing: 3vh;
	}
	
	#controls
	{
		bottom: 3vh;
		max-height: 13vh;
	}
	
	#repeat, #link
	{
		margin: 0px 1vh 0px 1vh;
		padding: 2vh;
		font-size: 4vh;
		line-height: 10vh;
	}
	
	#jserror
	{
		font-size: 10vh;
		word-spacing: 1vh;
	}
}