body{
	background: transparent;
    color: #333;
    font-family: 'Poiret One';
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
body:after{
	content: '';
    background: -webkit-radial-gradient(50% -380px, circle cover, rgb(0, 37, 82) 0%, rgba(255, 255, 255,0) 100%); /* Chrome10+,Safari5.1+ */
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.slide{
	font-size: 75px;
	text-align: center;
	white-space: nowrap;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.slide > div{
	width: 100%;
}
*,
img{
	-webkit-tap-highlight-color:rgba(0,0,0,0) !important;
}

/* Specific slide styles */

#share{
	font-size: 100px;
}
#share > span{
	line-height: .8em;
	display: block;
	font-size: 3em;
}
.hint{
	display: block;
	font-size: .25em;
	text-align: right;
}
.large{
	font-size: 2em;
}
.xlarge{
	font-size: 3em;
}
.rotate{
	display: inline-block;
	-webkit-transform: rotate(-90deg);
}
.rotate.b45{
	-webkit-transform: rotate(-45deg);
	position: relative;
	left: .25em;
}
.needle{
	display: block;
	margin-top: 1em;
	position: relative;
}
.needle:after{
	content: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0';
	border: 1px solid #333;
}
.needle:before{
	content: '\00a0\00a0\00a0\00a0\00a0';
	border-bottom: 1px solid #333;
	position: absolute;
	top: -50%;
	left: 18%;
}
.plunger:before{
	content: '\00a0\00a0';
	position: absolute;
	border-bottom: 1px solid #333;
	top: -50%;
	right: 27.2%;
}
.plunger:after{
	content: '';
	font-size: 1em;
	position: absolute;
	border: 1px solid #333;
	right: 26.6%;
	width: .05em;
	height: .8em;
	margin-top: .2em;
}
.units:after{
	content: '! ! ! ! ! ! ! !';
	position: absolute;
	font-size: .8em;
	top: -15%;
	left: 35.5%;
}