@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');

* {
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	height: 100%;
	font-family: 'Lobster', cursive;
	background-color: #000;
}

canvas {
	display: block;
}

#ramsvikCanvas {
	width: 100vw;
	height: 100vh;
	background-color: #000;
	display: none;
}

#imgTag {
	width: 100vw;
	height: 100vh;
}

#imgInput {
	display: none;
}

#buttons {
	position: absolute;
	bottom: 10vh;
	padding: 2vw;
	text-align: center;
	width: 96vw;
}

#buttonsInner {
	margin-left: auto;
	margin-right: auto;
}

#loadImgInput, #shareButton {
	width: 40%;
	padding: 1vw 2%;
	background-color: rgb(86, 86, 110);
	color: #eee;
	display: inline-block;
	border-radius: 1vh;
	display: none;
}

#loadImgInput:hover,
#shareButton:hover {
	background-color: #eee;
	color: rgb(86, 86, 110);
}

#loadImgInput {
	display: none;
}

#shareButton {
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
}

#helper {
	display: none;
}

#appTekLogo {
	position: absolute;
	background-color: transparent;
	display: block;
}

#android {
    position: absolute;
    top: 2vh;
	right: 0vw;
	display: none;
}

#android img {
	width: 30vw;
    max-width: 150px;
}
#userAgent {
	display: none;
}