<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=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

<div class="wrapper">
  <div class="content">
    <img
      class="logo"
      src="https://sandpack.frontend.fyi/img/fefyi.svg"
    />
    <h1 class="title">
      Time to draw some rectangles
    </h1>
    <a
      href="https://www.frontend.fyi/playgrounds"
      target="_blank"
      class="cta"
    >
      Frontend.fyi Playgrounds
    </a>
  </div>
</div>

<script src="index.js"></script>