html {
	/*Background style after Weave by Jeroen Franse, http://lea.verou.me/css3patterns/#weave */			
	background:
	linear-gradient(135deg, #d0cce0 22px, #e7e9f3 22px, #e7e9f3 24px, transparent 24px, transparent 67px, #e7e9f3 67px, #e7e9f3 69px, transparent 69px),
	linear-gradient(225deg, #d0cce0 22px, #e7e9f3 22px, #e7e9f3 24px, transparent 24px, transparent 67px, #e7e9f3 67px, #e7e9f3 69px, transparent 69px)0 64px;
	background-color:#d0cce0;
	background-size: 64px 128px
}

.floatBox {
    position:fixed;
	z-index: -1;
	top: 80vh;
    bottom:0;       
    left:0;         
	width: 100%;
	position: fixed;
	background-color: rgba(146,146,146,0.25);
	padding: 0.5em;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	border-radius: 1em;
}

.tinyblack {
	bottom: 2vh;
	color: black;
	font-size: 60%;
	position: absolute;
	text-align: right;
}

.puzzleName {
	position:absolute;
	font: bold 6vmin arial, sans-serif;
	left: 5vw;
	top: 10vh;	
}

.sponsorLogo {
	position:absolute;
	left: 5vw;
	top: 5vh;
    width:auto;
    height:auto;
    max-width:20%;
    max-width:20vmin;
    max-height:20vmin;
}

#sponsor {
	color: green;
}

#supporters {
	color: red;
}

#patreonStuff {
	color: blue;
}

HR {
    border: 50;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	align:"center";
	width:"50%";
}


@media only screen and (orientation: portrait) {
	.floatBox {
		top: 75vh;
		font-size: 3vmin;
	}
}