/* 1. Font */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/* 3. The title */
.hero-title {
  font-family: "Bebas Neue", sans-serif;
  font-size: 3em;
  text-align: center;
  line-height: 0.95;
  letter-spacing: 0.02em;
  font-style: normal;
  margin-bottom: 1.5rem;
  animation: fadeUp 0.8s ease both;
}


/* 4. The animation */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

.hero-sub          { animation: fadeUp 0.8s ease 0.15s both; }
.hero-visual       { animation: fadeUp 0.8s ease 0.20s both; }
.hero-actions      { animation: fadeUp 0.8s ease 0.30s both; }
.hero-social-proof { animation: fadeUp 0.8s ease 0.45s both; }

.fadeup { animation: fadeUp 0.8s ease both; }

#ein { 
	display:flex; 
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,.04);
	border-radius: 10px;
	width: 300px;
	gap:20px;
	margin-inline: auto;

	& .desc { 
		font-weight:bold; 
		font-size: 18px;
		user-select:none; 
		margin-right: auto;
	    padding-left: 25px;
		& span { user-select: text; }
	}

	& button:before { color:#333; }

}
/*
<div id="ein">
<div class="desc">EIN Number: <span>87-2876789</span></div>
<button class="btn kft copy w40"></button>
</div>*/