.animated-header {
font-size: 64px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin-top: 100px;
}
.animated-header span {
opacity: 0;
transform: translateY(100%);
display: inline-block;
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.animated-header span:nth-child(1) {
transition-delay: 0.1s;
}
.animated-header span:nth-child(2) {
transition-delay: 0.2s;
}
.animated-header span:nth-child(3) {
transition-delay: 0.3s;
}
.animated-header span:nth-child(4) {
transition-delay: 0.4s;
}
.animated-header span:nth-child(5) {
transition-delay: 0.5s;
}
.animated-header:hover span {
opacity: 1;
transform: translateY(0);
}
