29 lines
1.0 KiB
HTML
29 lines
1.0 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Kevin leck Eier</title>
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><text y='52' font-size='52'>🥚</text></svg>">
|
|
<style>
|
|
html, body { margin: 0; height: 100%; }
|
|
body {
|
|
display: grid; place-items: center; overflow: hidden;
|
|
background: #111; color: #ffe14d;
|
|
font-family: Impact, "Arial Black", sans-serif;
|
|
}
|
|
h1 {
|
|
margin: 0; padding: 0 16px; text-align: center; text-transform: uppercase;
|
|
font-size: clamp(4rem, 17vw, 20rem); line-height: 0.9;
|
|
text-shadow: 0.04em 0.04em 0 #e0301e;
|
|
animation: wobble 1.2s ease-in-out infinite alternate;
|
|
}
|
|
@keyframes wobble { from { transform: rotate(-3deg) scale(1); } to { transform: rotate(3deg) scale(1.06); } }
|
|
@media (prefers-reduced-motion: reduce) { h1 { animation: none; } }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Kevin<br>leck<br>Eier 🥚🥚</h1>
|
|
</body>
|
|
</html>
|