<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="%PUBLIC_URL%/favicon-32x32.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="%PUBLIC_URL%/favicon-16x16.png"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <link
      rel="apple-touch-icon"
      sizes="180x180"
      href="%PUBLIC_URL%/apple-touch-icon.png"
    />
    <title>Dress to Impress</title>
    <style type="text/css">
      /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
      @font-face {
        font-family: "Delicious";
        font-display: block; /* used for large-but-late subheadings */
        font-weight: 700;
        src: url(/fonts/Delicious-Bold.otf);
      }

      @font-face {
        font-family: "Delicious";
        font-display: swap; /* used for page titles */
        font-weight: 800 1000;
        src: url(/fonts/Delicious-Heavy.otf);
      }
    </style>
    <script
      async
      defer
      data-domain="impress-2020.openneo.net"
      src="https://plausible.io/js/plausible.js"
    ></script>
    <link
      rel="preload"
      href="/fonts/Delicious-Heavy.otf"
      type="font/otf"
      as="font"
      crossorigin
    />
    <link
      rel="preload"
      href="/fonts/Delicious-Bold.otf"
      type="font/otf"
      as="font"
      crossorigin
    />
  </head>
  <body>
    <!--
      ✨ Hi!! Writing a user script? Our CSS class names aren't super stable, sorry.
      Send me an email at matchu@openneo.net about what you're trying to do,
      and I'll see if I can add hooks for you!
    -->
    <script>
      // HACK: This is copy-pasted output from Chakra's <ColorModeScript />. It
      //       initializes our color mode to match the system color mode. The
      //       component is built for a special Document element like in
      //       Next.js, but in create-react-app this is the best we can do!
      (function setColorModeVar(initialValue) {
        var mql = window.matchMedia("(prefers-color-scheme: dark)");
        var systemPreference = mql.matches ? "dark" : "light";
        var persistedPreference;

        try {
          persistedPreference = localStorage.getItem("chakra-ui-color-mode");
        } catch (error) {
          console.log(
            "Chakra UI: localStorage is not available. Color mode persistence might not work as expected"
          );
        }

        var isInStorage = typeof persistedPreference === "string";
        var colorMode;

        if (isInStorage) {
          colorMode = persistedPreference;
        } else {
          colorMode =
            initialValue === "system" ? systemPreference : initialValue;
        }

        if (colorMode) {
          var root = document.documentElement;
          root.style.setProperty("--chakra-ui-color-mode", colorMode);
        }
      })("system");
    </script>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  </body>
</html>