* {
	box-sizing: border-box;
}
html,body {
	padding: 0;
	margin: 0;	
	background-color: #03032d;	
}
body {
	background-image: url("homme.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: hard-light;
	background-position: 0 0;
}
h1 {
	margin: 80px 0;
	text-align: center;
	color: white;
	font-size: 4em;
}
.blue {
	color: #a8a8ff;
}
span.pink {
	color: #e7667c;
	font-weight: bold;
	font-size: 1.1em;
}
span.blue {
	color: #6689e7;
	font-weight: bold;
	font-size: 1.1em;
}
a {
	color: #444;	
}
.supporter {
	width: 200px;
	height: 200px;
	position: absolute;
	right: 50px;
	top: 120px;
	background-image: url("supporter.png");
	background-repeat: no-repeat;
	background-size: cover;	
	background-position: 0 0;
	transform: rotate(25deg);	
}
.keychain {
	width: 600px;
	height: 400px;
	background-image: url("keychain.png?v=1.2");
	background-position: left middle;
	background-repeat: no-repeat;
	background-size: contain;
	background-blend-mode: overlay;	
	margin: auto;
	color: white;
	padding-top: 50px;
	padding-left: 250px;
	font-size: 1.5em;
	text-align: center;
}
.description {	
	color: #333;
	background-color: #ebebffd0;
	font-size: 1.3em;
	width: 75%;
	border: 1px solid navy;
	border-radius: 30px;
	padding: 30px;
	box-shadow: 5px 5px 30px navy;
	margin: auto;	
}
.note {
	font-size: 0.8em;
	text-align: center;
}