Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>For You ❤️</title>
<style>
body { background: #1a1a1a; display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; font-family: sans-serif; overflow: hidden; }
.container { text-align: center; z-index: 1; }
.text { font-size: 2.5rem; color: #ff4d6d; font-weight: bold; border-right: 3px solid #ff4d6d; white-space: nowrap; overflow: hidden; width: 0; animation: typing 3s steps(25) forwards, blink 0.8s infinite; }