export default async function main(req: Request): Promise<Response> {
const css = `
body {
background: linear-gradient(45deg, #ee0979, #ff6a00, #ff6a00, #799f0c);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
`;
const html = `
<html>
<head>
<style>${css}</style>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
`;
return new Response(html, {
headers: { "Content-Type": "text/html" }
});
}