#e50914 - Twitter Hashtag

over 2 years ago

body { font-family: 'VT323', sans-serif; margin: 0; padding: 0; background: radial-gradient(circle at 10% 20%, #000000 0%, transparent 70%), radial-gradient(circle at 80% 80%, #E50914 0%, transparent 60%), radial-gradient(circle at 50% 40%, #E50914 0%, transparent 50%), radial-gradient(circle at top left, #d30404, transparent 10%), radial-gradient(circle at bottom right, #000000, transparent 100%); background-size: 300% 300%; background-color: #380909; animation: gradientBG 30s linear infinite; display: flex; flex-direction: column; height: 100vh; justify-content: space-between; } main { flex: 1; display: flex; justify-content: center; align-items: center; padding: 10px 0; } @keyframes gradientBG { 0%, 100% { background-position: 0% 50%, 100% 50%, 50% 50%, 0% 50%, 100% 50%; } 25% { background-position: 50% 100%, 0% 100%, 100% 100%, 25% 75%, 75% 25%; } 50% { background-position: 100% 50%, 50% 50%, 0% 50%, 50% 25%, 50% 75%; } 75% { background-position: 50% 0%, 100% 0%, 100% 0%, 75% 25%, 25% 75%; } } main { flex-grow: 1; display: flex; justify-content: center; align-items: center; } .hero-legenda { font-size: 0.5rem; background: linear-gradient(60deg, #E50914, #800303, #E50914, #d51919); -webkit-background-clip: text; background-clip: text; text-align: center; color: transparent; animation: textClip 5s linear infinite; } @keyframes textClip { 0%, 100% { background-position: 100% 50%; } 25%, 75% { background-position: 0% 50%; } } @keyframes fadeInOut { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } .coming-soon-container h1 { font-family: 'Bebas Neue', sans-serif; font-size: 12rem; text-align: center; margin: 0; color: #E50914; } .coming-soon-container p { font-size: 2rem; margin-top: 20px; } .neon-btc-logo { width: 100px; height: 100px; background-color: red; border-radius: 50%; box-shadow: 0 0 10px #E50914, 0 0 20px #E50914, 0 0 30px #E50914; position: relative; margin: 0 auto; margin-bottom: 10%; } .neon-btc-logo::before { content: '₿'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 75px; color: #fff; text-shadow: 0 0 10px #E50914, 0 0 20px #E50914, 0 0 30px #E50914; } footer { padding: 10px 0; text-align: center; } @media screen and (max-width: 600px) { .coming-soon-container h1 { font-size: 6rem; } .coming-soon-container p { font-size: 2rem; } .neon-btc-logo { width: 100px; height: 100px; } .neon-btc-logo::before { font-size: 60px; } }

0

2

0

1

322