@font-face
{
	font-family: 'berlin-sans-demi-bold';
	src: url('https://www.bigeargames.com/bew/fonts/Berlin-Sans-FB-Demi-Bold.woff2') format('woff2'),
		url('https://www.bigeargames.com/bew/fonts/Berlin-Sans-FB-Demi-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

html
{
    box-sizing: border-box;
}
*, *:before, *:after
{
    box-sizing: inherit;
}

html, body
{
    height: 100%;
}

canvas
{
    display: block;
}

body
{
    margin: 0;
}

#unity-container
{
    width: 100%;
    height: 100%;
}

#unity-canvas
{
    width: 100%;
    height: 100%;
	background-image: linear-gradient(#00b3f3, #0080ae);
    /*background: #EEEEEE;*/
}

#loading-cover
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#unity-loading-splash
{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#unity-logo
{
	margin-top: 5vh;
    text-align: center;
}

#unity-logo img
{
    max-width: 100%;
}

img.app-icon
{
	width: 45vh;
	height: 45vh;
}

.space-divider
{
	margin: 10vh 0px 0px 0px;
}

/*
img.game-logo
{
	width: 638px;
	height: 450px;
}

.space-right
{
	margin: 0px 50px 0px 0px;
}

.space-left
{
	margin: 0px 0px 0px 50px;
}
*/

#unity-progress-bar-empty
{
    width: 40%;
    height: 24px;
    margin: 10px 20px 20px 10px;
    text-align: left;
    border: 1px solid white;
    padding: 2px;
}

#unity-progress-bar-full
{
    width: 0%;
    height: 100%;
    background: white;
}

.light #unity-progress-bar-empty
{
    border-color: black;
}

.light #unity-progress-bar-full
{
    background: black;
}

#unity-fullscreen-button
{
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 38px;
	height: 38px;
	background: url('fullscreen-button.png') no-repeat center;
	background-size: contain;
}

.spinner,
.spinner:after
{
	border-radius: 50%;
	width: 3.5em;
	height: 3.5em;
}

.spinner
{
	margin: 10px;
	font-size: 2.25vh;
	position: relative;
	text-indent: -9999em;
	border-top: 0.9em solid #f9f9f9;
	border-right: 0.9em solid #f9f9f9;
	border-bottom: 0.9em solid #f9f9f9;
	border-left: 0.9em solid #31a4dc;
	transform: translateZ(0);
	animation: spinner-spin 1.1s infinite linear;
}

.rotate
{
	animation: spinner-spin 3s infinite linear;
}

@keyframes spinner-spin
{
	0%
	{
		transform: rotate(0deg);
	}
	100%
	{
		transform: rotate(360deg);
	}
}

.text_puzzle_snippet_picture
{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;

	color: #ffffff;
    font-size: 100px;
	font-family: 'berlin-sans-demi-bold';

	text-shadow: 0 0 8px #004f86, 0 0 8px #004f86, 0 0 8px #004f86;
}

/*
@media screen and (max-width: 1280px)
{
	img.game-logo
	{
		width: calc(638px / 2);
		height: calc(450px / 2);
	}
	
	.spinner
	{
		font-size: 14px;
	}
}
*/