h1 {

	/*

	opacity: 0;
	animation: fadeInUp; 

	animation-duration: 1s;
	animation-fill-mode: forwards;
		*/
	 font-family: "Rubik Mono One", monospace;
	 font-weight: 400;
	 font-style: normal;

	 color: white;

	 /*
	 position: relative;
	 top:0%;
		*/

}

.slogan {

	opacity: 0;
	animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */

	animation-duration: 0.8s;
	animation-delay: 0.4s;
	animation-fill-mode: forwards;

	position: relative;
	z-index: 1;
}

#btn-cta 
{

	opacity: 0;
	animation: fadeIn; /* referring directly to the animation's @keyframe declaration */

	animation-duration: 0.7s;
	animation-delay: 0.7s;
	animation-fill-mode: forwards;

	position: relative;
	z-index: 1;

}

.home 
{
	height: 500px;
}

.globe
{

	overflow: hidden;
	height: 600px;
/*
	border: 2px solid red;
*/
}

#cobe
{
	position: absolute;
	top:0;
	left:0;
	right:0;
	height: 100%;
	z-index: -10;

}

.globe--animate {

	opacity: 0;
	animation: fadeIn 1.6s forwards,
		dezoomImg 0.6s;

	/*
	animation-duration: 1.6s;
	animation-delay: 0.7s;
	animation-fill-mode: forwards;
	*/

}

.earth
{

	background-color: #010012;
	width: 150px; 
	height: 150px;
	border-radius: 50%;  
	position: relative;
}

.earth::before,
.earth::after
{
	content:"";
	position: absolute;
	top:0;
	bottom: 0;
	background: linear-gradient(45deg, 

		#2921C5, #0C00F0, #3024FF, #3B3870,
		#2921C5, #0C00F0, #3024FF, #3B3870,
		#2921C5, #0C00F0, #3024FF, #3B3870,
		#2921C5, #0C00F0, #3024FF, #3B3870,
		#3024FF

	);
	width: 100%; 
	height: 100%;
	background-size: 500%;
	z-index: -1;
	border-radius: 50%;  
	transform: scale(1.04);

	animation: animate 20s infinite;

}

.earth::after {
	
	filter: blur(40px);
}

@keyframes animate {

	0% {

		background-position: 0 0;
		

	}

	50% {

		background-position: 300% 0;
		
	}

	100% {

		background-position: 0 0;
		
	}
}

.gradient-text {
  background: radial-gradient( 
  	circle at 50% 210%,
  	#b0cfff 0%,
  	rgba(255,255,255,.5019607843) 40%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.zoom-out:hover img {

	-webkit-transform: scale(1);
	transform: scale(1);
}
