#hero-content {
  background: url('img/background.webp') center/cover no-repeat;
}

.know-more-icon:hover {
	fill: var(--white);
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.hero-catchphrase {
	animation: fadeIn 0.2s ease-out 0.8s forwards;
}

.know-more {
	animation: fadeIn 0.2s ease-out 0.8s forwards;
}