2025-02-22 22:15:44 -05:00

42 lines
1.2 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap"
rel="stylesheet"
/>
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover" data-theme="vintage">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>
<style>
html,
body {
@apply h-full;
background-image: radial-gradient(
at 0% 0%,
rgba(var(--color-secondary-500) / 0.33) 0px,
transparent 50%
),
radial-gradient(
at 98% 1%,
rgba(var(--color-error-500) / 0.33) 0px,
transparent 50%
);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>