;
            border-radius: .25rem;
        }

        /* mobile tweak: button drops under input */
        @media (max-width:480px) {
            form input[type=submit] {
                flex: 1 0 100%;
            }
        }
    </style>
</head>

<body>
    <main>
        <h1>Quarkus URL Shortener</h1>
        <p>Paste a long link, get something snack-sized.</p>

        <form action="/shorten" method="post">
            <input type="url" name="originalUrl" placeholder="https://example.com/very/long/..