@media screen and (orientation: landscape) {
	html {}
	body {
		background: black url("../images/background.png") no-repeat center fixed;
		background-size: cover;
	}
	h1 {
		background: transparent;
		border: thick dashed gray;
		color: white;
		font: bold 32px/48px sans-serif;
		padding: 24px;
		position: fixed;
		top: 20%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		text-shadow: 3px 3px gray;
	}
	input {
		background: transparent;
		color: rgba(50%, 50%, 50%, 1);
		cursor: pointer;
		border-radius: 12px;
		width: 100%;
		height: 8px;
	}
	p {
		background: transparent;
		color: white;
		font: bold 24px/32px sans-serif;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		text-shadow: 1px 1px gray;
	}
}

@media screen and (orientation: portrait) {
	html {}
	body {
		background: black;
	}
	h1 {
		
	}
	p {}
}