index.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <link rel="icon" type="image/svg+xml" href="/vite.svg"/>
    <script>
    </script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Vite + React</title>
    <link
            rel="stylesheet"
            href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
    />

</head>
<body data-barba="wrapper">
<div id="root"></div>
<main data-barba="container" data-barba-namespace="home">
    <script type="module" src="/src/main.jsx"></script>
</main>
</body>
<style>
    html {
        background-image: linear-gradient(to right, #79abf6, #5fc1ff, #52d5ff, #5fe8fe, #7ef8f7);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }
</style>
<script>

</script>
</html>