< Malline:Etusivu | Header
.fp-header { display: flex; flex-direction: column; justify-content: center; align-items: center; } .fp-header img { max-width: 90vw; height: auto; } .fp-header-text { text-align: center; } .fp-header-text h1 { margin-top: 1rem; } .fp-header-socials { display: flex; gap: 1rem; justify-content: center; align-items: center; } .fp-header-social { border-radius: 8px; padding: 0.5rem 1rem; } .fp-header-social p { margin: 0; } .social-discord { background-color: #5865f2; height: 100%; display: block; } .loading-blur { filter: blur(2px); animation: blur 1.5s infinite alternate; } @keyframes blur { 0% { filter: blur(2px); } 100% { filter: blur(5px); } }