html {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	background: url("boris.jpg") no-repeat top right fixed; 
	background-size: cover; 
	height: 100%; 
	display: flex; 
	justify-content: flex-start; 
	align-items: center;
}
body { 
	background: rgba(255,255,255,0.75); 
	border-radius: 0.5em; 
	text-align: center;
	min-width: 33em;
}
main {
	font-weight: bold;
}
header {
	font-size: 200%;
	display:inline;
}
.semantic {
	display: none;
}
#amount {
	background: #0066CC; 
	color: white;  
	display: block; 
	padding: 0 0.5em; 
	margin: 0;
	font-size: 333%; 
	font-style: oblique;
	font-family: Helvetica, sans-serif;
	clear:both;
}
#twitter {
	background: #2C72B9;
	color: white;
	text-decoration: none;
	font-weight: 500;
	padding: 0.33em;
	display: inline-block;
	border-radius: 0.33em;
}
footer {
	padding-top: 0.5em;
	font-size:75%
}
ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	white-space: nowrap;
}
li {
	display: inline-block;
	min-width: 50%;
	text-align: center;
}
footer a, footer a:visited {
	color: #0000cc
}
@media (min-width: 1600px) {
	html {
		font-size: 166%
	}
}
@media (orientation: portrait) {
	html {
		justify-content: center;
		font-size: 3vw;
	}
	#twitter {
		font-size: 4vw;
		border-radius: 2vw;
	}
}