*,
*::after,
*::before {
	box-sizing: border-box;
	background-size: 100vw auto;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	/*overflow: hidden;*/
	color: inherit;
	text-decoration: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	font-family: inherit;
	text-align: left;
	outline: none;
	vertical-align: baseline;
	/* maybe :not(input) the following */
	background-color: transparent;
	border: none;
	border-radius: 0;
}

html,
body {
	width: 100vw;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	line-height: 1.2;
	color: #ffffff;
}

img {
	width: 100%;
	height: 100%;
	display: block;
}

.container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
}

.container > * {
	position: absolute;
	font-size: 24rem;
}

button {
	position: absolute;
	opacity: 0;
	right: 0;
	top: 0;
}

button:hover,
button:active {
	opacity: 1;
}

input {
	background-color: #ffffff;
	margin: 2rem 0 1rem 1em;
	color: #000000;
}

a {
	opacity: 0;
}

@media (orientation: landscape) {

	html,
 	body { 
		font-size: calc(var(--fullwidth, 100vw) / 1920);
	}

	.container {
		background-image: url(radium_desktop.jpg);
		height: 1080rem;
	}

	form {
		width: 513rem;
		height: 75rem;
		left: 704rem;
		top: 856rem;
	}

	input {
		line-height: calc(72rem - 1px);
		width: calc(100% - 83rem - 1.2em);
		top: 1px;
	}

	button {
		width: 83rem;
	}

	.bottom {
		left: 840rem;
		top: 1002rem;
		width: 240rem;
		height: 39rem;
	}

	.logo {
		left: 1705rem;
		top: 80rem;
		width: 135rem;
		height: 155rem;
	}

}

@media (orientation: portrait) {

	html,
 	body {
		font-size: calc(var(--fullwidth, 100vw) / 853 * (853 / 428));
	}

	.container {
		background-image: url(radium_mobile.jpg);
		height: calc(1851rem / 2);
	}

	form {
		right: 37rem;
		height: 62rem;
		left: 37rem;
		top: 742rem;
	}

	input {
		line-height: calc(62rem - 1px);
		width: calc(100% - 83rem - 1em);
		font-size: 20rem;
		top: 1px;
	}

	button {
		width: 73rem;
	}

	.bottom {
		left: 116rem;
		top: 853rem;
		width: 196rem;
		height: 32rem;
	}

	.logo {
		left: 176rem;
		top: 35rem;
		width: 77rem;
		height: 89rem;
	}

}