/* Reset */
* {
  margin: 0px;
  padding: 0px;
}
body {
	height:100%;
	background: #B3B2A3;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	overflow: hidden;
	position: relative;
	font-family: Redaction-Italic;
	width: 100vw;
	color: #FF641E;
	text-align: center;
}
html {
	overflow: hidden;
	position: relative;
	height: 100%;
}
h1, h2, h3, h4, h5, h6, p, dl, dd, dt, div, em, strong {
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
ol, ul, li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
a {
	color: inherit;
	text-decoration: none;
}
a img { 
  border: none; 
}
a:hover {
	text-decoration: none;
}
a.active {
	text-decoration: none;
}
a:hover.active {
	text-decoration: none;
}
img {
  outline: 0px;
  border: 0px;
}

/* Fonts */
@font-face {
	src:url('../fonts/Manrope-Bold.ttf');
	font-family:'Manrope-Bold';
}
@font-face {
	src:url('../fonts/Redaction-Italic.otf');
	font-family:'Redaction-Italic';
}

/* Content */
.ctt-p {
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	bottom: 1vh;
	font-size: 4vw;
}
.ctt-p p {
	font-family: Manrope-Bold;
	color: #000;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 1;
}
p span {
	display: block;
}
header {
	position: relative;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}
.hello {
	position: absolute;
	top: 50%;
	line-height: 0;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-size: 90vh;
	width: 125%;
	margin: 0;
	padding: 0;
	z-index: -1;
	animation: anim 8s infinite linear;
}
footer {
	bottom: 50px;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-family: Manrope-Bold;
	color: #000;
}
footer a{
		font-size: 16px;
}

/* Animation */
@keyframes anim {
0%   { 
-moz-transform: translateX(100%); /* Firefox bug fix */
-webkit-transform: translateX(100%); /* Firefox bug fix */
transform: translateX(100%);
}
100% {
-moz-transform: translateX(-400%); /* Firefox bug fix */
-webkit-transform: translateX(-400%); /* Firefox bug fix */
transform: translateX(-400%);
}
}
@keyframes anim-desktop {
0%   {
-moz-transform: translateX(100%); /* Firefox bug fix */
-webkit-transform: translateX(100%); /* Firefox bug fix */
transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%); /* Firefox bug fix */
-webkit-transform: translateX(-100%); /* Firefox bug fix */
transform: translateX(-100%);
}
}
@media all and (min-width: 1024px) {
	.hello {
	animation: anim-desktop 6s infinite linear;
}
}
@keyframes anim-tablette {
0%   {
-moz-transform: translateX(100%); /* Firefox bug fix */
-webkit-transform: translateX(100%); /* Firefox bug fix */
transform: translateX(100%);
}
100% {
-moz-transform: translateX(-200%); /* Firefox bug fix */
-webkit-transform: translateX(-200%); /* Firefox bug fix */
transform: translateX(-200%);
}
}
@media all and (min-width: 768px) {
	.hello {
	animation: anim-tablette 6s infinite linear;
}
}