.banner { position: relative; overflow: hidden; background: #ffffff; width: 100%; max-width: 1200px; height: 300px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; } .banner .element { opacity: 0; transform: translateY(20px); animation: fadeInUp 0.8s forwards; } .banner .text { animation-delay: 0.2s; } .banner .hash { animation-delay: 1.0s; } @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } .text { font-family: 'Montserrat', sans-serif; color: #3B5998; font-size: 4rem; line-height: 1.1; text-align: center; } .text span { font-size: 5rem; display: block; } .hash { font-family: 'Pacifico', cursive; color: #3B5998; font-size: 2.5rem; } /* Responsive */ @media (max-width: 768px) { .text { font-size: 3rem; } .text span { font-size: 4rem; } .hash { font-size: 2rem; } }