html, body
{
	height: 100%;
	width:100%;
	align-items: center;
	justify-content: center;
    margin:0;
    padding:0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	color: #333333;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fsd-wrap {
	display:flex;
	height: 100%;
	width:100%;
	overflow: hidden;
	opacity: 0;
}

.fsd-image-bg{
	min-height: 100%;
	object-fit: cover;
	overflow:hidden;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
}

.fsd-main{
	height: 100%;
	width:100%;
}

.logo {
	position: relative;
	padding: 20px;
	color: white;
	font-family: 'Orbitron';
	font-size: 1em;
}

.startAnim{
	height:100%;
}

.introEl {
	font-family: 'Poppins';
	color: #FFFFFF;
	font-size: 1.2rem;
	padding: 0px 10%;
}

.move1 {
	position: relative;
}

.word1 {
	font-family: 'RussoOne';
	font-weight: 800;
	color: #DDDDDD;
	font-size: 3.5rem;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0px 10%;
}



.letter1 .letter2{
	opacity: 0;
}


.cetex{
	margin-top:60px;
	color: #DDDDDD;
}

.ft1 {
  opacity: 0;
}

.gcf {
	font-family: 'Orbitron';
}

.rof {
	font-family: 'Roboto';
}

.ruf {
	font-family: 'RussoOne';
}

.anf {
	font-family: 'Anta';
}



@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Light.ttf") format("truetype");
}


@font-face {
  font-family: "Lato-Light";
  src: url("../fonts/Lato/Lato-Light.ttf") format("truetype");
}


@font-face {
  font-family: "Lato-Bold";
  src: url("../fonts/Lato/Lato-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Orbitron";
  src: url("../fonts/Orbitron/Orbitron-VariableFont_wght.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-VariableFont_wdth_wght.ttf") format("truetype");
}

@font-face {
  font-family: "Anta";
  src: url("../fonts/Anta/Anta-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "RussoOne";
  src: url("../fonts/Russo_One/RussoOne-Regular.ttf") format("truetype");
}


a {
	text-decoration: none;
	color: #444444;
}

a:hover {
	color: #222222;
}




.visible {
	visibility: visible;
}

/*CONTENT*/


/*FOOTER*/

.fsd-foot {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-family: 'Orbitron';
	font-size: 0.6em;
	opacity: 0;
}