FIX: bad animatio

This commit is contained in:
2025-08-27 12:56:18 +02:00
parent 780b437816
commit 9a4d3f1395

View File

@@ -111,11 +111,9 @@
.hero-title {
animation: fadeInBottom 0.8s ease-out 0.3s forwards;
opacity: 0;
font-size: 120%;
}
.hero-subtitle {
animation: fadeInBottom 0.8s ease-out 1.0s forwards;
opacity: 0;
}
/* Removed animation from subtitle */
</style>
</head>
<body class="w-full">
@@ -123,10 +121,10 @@
<!-- Section 1: Hero / Landing Page -->
<section id="hero" class="hero-section h-screen flex flex-col items-center justify-center text-center relative overflow-hidden">
<div class="content-container pb-16">
<h1 class="hero-title text-5xl md:text-7xl tracking-wide gradient-text pb-4">
<h1 class="hero-title text-6xl md:text-8xl tracking-wide gradient-text pb-4">
<span class="font-medium">Making</span> <span class="font-extrabold">Technology</span> <span class="font-medium">Work</span>
</h1>
<p class="hero-subtitle text-sky-300 text-sm md:text-base tracking-wider opacity-20">Empowering people through innovation</p>
<p class="text-sky-300 text-sm md:text-base tracking-wider opacity-20">Empowering people through innovation</p>
</div>
<a href="#about" class="absolute bottom-10 flex flex-col items-center text-gray-400 hover:text-white transition-colors duration-300 no-underline">
<div class="scroll-down-chevron mb-2"></div>