<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
  <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=Urbanist:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

  <link rel="preconnect" href="https://fonts.bunny.net">
  <link href="https://fonts.bunny.net/css?family=plus-jakarta-sans:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i" rel="stylesheet" />

  <style>
    /* @font-face {
      font-display: swap;
      font-family: Satoshi;
      font-style: normal;
      font-weight: 300 900;
      src: url(/_nuxt/fonts/Satoshi-Variable.353a66c.woff2) format("woff2"), 
      url(/_nuxt/fonts/Satoshi-Variable.4db206a.woff) format("woff"), 
      url(/_nuxt/fonts/Satoshi-Variable.536fda9.ttf) format("truetype")
    } */

    html,
    body {
      /* font-family: "Urbanist"; */
      font-family: "Plus Jakarta Sans";
      font-size: 14px;
      text-rendering: optimizeSpeed;
      line-height: 2px;
    }

    * {
      box-sizing: border-box;
    }

    :not(html):not(body) {
      /* scrollbar-color: hsla(0,0%,100%,.3) transparent; */
      scrollbar-width: none;
    }
  </style>
  @routes
  @vite('resources/js/app.js')
  @inertiaHead
</head>

<body>
  @inertia
</body>

</html>