// ─── Main App: renders the portfolio ────────────────────────────────────────

const { useEffect: useAppEffect } = React;

function App() {
  const Playful = window.Playful;

  useAppEffect(() => {
    document.body.style.background = "#08080d";
  }, []);

  return (
    <Playful
      accent="#7c5cff"
      fontPair="space"
      dark={true}
      motion={2}
    />
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<App />);