body {
	margin:0;
	overflow:hidden;
	background-color: #000000;
	font-family: "Open Sans", sans-serif;
	font-size: 100%;
	/*text-transform: uppercase;*/
	color: white;
}

/* misc */
* { margin: 0; padding: 0; }

.text {
	animation: inherit;
	margin: auto;
	/*background: rgba(0,0,0,.75);*/
	color: #4b3c91;
}

.background {
	color: hsl(227, 100%, 15%);
	animation: wheelHueColor 30s infinite;
	background-color: currentColor;
	min-height: 100vh;
	display: flex;
}

@supports (background-blend-mode: overlay) {
	.background {
		background-image: linear-gradient(45deg, white 10%, black 90%);
		/*background-image: linear-gradient(45deg);*/
		background-blend-mode: overlay;
	}
}

@keyframes wheelHueColor {
	from, to { color: hsl(227, 100%, 15%); }
	50%      { color: hsl(327, 100%, 90%); }
	90%      { color: hsl(245, 75%, 24%); }
	/*90%      { color: hsl( 36, 80%, 45%); }
	30%      { color: hsl( 72, 75%, 35%); }
	40%      { color: hsl(108, 65%, 35%); }
	50%      { color: hsl(144, 75%, 35%); }
	60%      { color: hsl(180, 75%, 35%); }
	70%      { color: hsl(216, 60%, 45%); }
	80%      { color: hsl(252, 65%, 50%); }
	90%      { color: hsl(288, 60%, 40%); }*/
}

.text {
	/*padding: 1em;*/
}

#conteneur {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	flex-wrap: wrap;
	width:100%;
	max-height: 100vh;
	overflow: hidden;
	/*border: 1px solid white;*/
}

.logo{
	width: 25%;
	/*text-align: center;*/
	font-size: 10vw;
	white-space: nowrap;
	/*max-width: 100%;*/
	/*border: 1px solid black;*/
}
.texte1{
	width: 75%;
	/*text-align: center;*/
	font-size: 10vw;
	white-space: nowrap;
	/*max-width: 100%;*/
	padding-top: 5%;
	/*border: 1px solid black;*/
}
.texte1:after {
	content: "";
	/*display: inline-block;*/
	/*max-width: 100%;*/

}

h1{
	font-size: 6.4vw;
	text-align: center;
}
h2 {
	font-size: 3.71vw;
	color: rgba(0,0,0,.75);
}
h3 {
	font-size: 4.99vw;
	color: rgba(255,255,255,.75);
	padding-bottom: 10%;
}
h4 {
	font-size: 1.58vw;
	/*color: rgba(255,255,255,.75);*/
	animation: inherit;
	text-align: center;
}
h5 {
	font-size: 1.81vw;
	color: rgba(0,0,0,.75);
}


img {
	padding: 1% 0 0;
}

.bureau:before {
content: attr(data-website) "5" attr(data-user);
unicode-bidi: bidi-override;
direction: rtl;
}

.portable:before {
content: attr(data-website) "6" attr(data-user);
unicode-bidi: bidi-override;
direction: rtl;
}

.e-mail:before {
content: attr(data-website) "@" attr(data-user);
unicode-bidi: bidi-override;
direction: rtl;
}
		
/*		
span.rev { unicode-bidi:bidi-override; direction:rtl }
span.rev.email:before { content:"moc.bal" }
span.rev.email:after { content:"@tcatnoc : liam" }

span.rev.phone:before { content:"987 654 " }
span.rev.phone:after { content:" 153+ :enohP" }

span.rev.phone:before { content:"987 654 " }
span.rev.phone:after { content:" 153+ :enohP" }
*/