<html>

<head>
  <title>fl</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #f0f0f0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
      padding: 0;
      color: #333;
    }
    .iframe-container {
      border: 1px solid #ccc;
      border-radius: 10px;
      overflow: hidden;
      width: 80%;
      height: 80%;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    iframe {
      width: 100%;
      height: 100%;
      border: none;
    }
  </style>
</head>

<body>
  <div class="iframe-container">
    <iframe src="https://atlas.nomic.ai/data/teraflop-ai/florida-law/map?xs=-32.12206&xf=30.78076&ys=-18.08824&yf=22.54554" allow="clipboard-read; clipboard-write"
      title="Nomic Atlas"></iframe>
  </div>
</body>

</html>