<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="refresh" content="3">
<title>The bunny lost its carrot</title>
<style>
:root { color-scheme: light dark; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center;
background: #14121f; color: #f4efe6; font: 16px/1.5 ui-monospace, Menlo, monospace; }
main { text-align: center; padding: 24px; }
pre { display: inline-block; text-align: left; font-size: clamp(18px, 5vw, 28px);
color: #ffb86b; animation: hop 1s ease-in-out infinite; }
h1 { font-size: clamp(20px, 5vw, 30px); margin: 8px 0; color: #ff79c6; }
p { color: #b9b3c9; max-width: 32rem; margin: 8px auto; }
small { color: #6f6a80; }
@keyframes hop { 50% { transform: translateY(-12px) rotate(-3deg); } }
@media (prefers-reduced-motion: reduce) { pre { animation: none; } }
</style>
</head>
<body>
<main>
<pre>
(\(\
( o.o) ?
o_(")(") . . . 🥕 ?
</pre>
<h1>503 · the bunny lost its carrot</h1>
<p>The app behind this link (port {port}) stopped answering on the computer
that shares it. This page retries by itself every 3 seconds.</p>
<small>shared with bunflared</small>
</main>
</body>
</html>